Adding this to quasar will be nice, but could take same time to add it to all components. I just added vue-draggable to my project and it works as a charm. You can link it to all sorts of components. Currently I have it in a qlist to determine my sort sequence

Just wondering for I’ve apex too. In my situation all charts on the dashboard use the same dataset. I just can’t get the ‘event’ from apex click back yet otherwise they would be linked. I have a custom legend now per chart which handles the drill down to the data in a table. I also already have ‘filter buttons’ in the legend which are hidden for the next phase for they didn’t function 100% to my liking. I’m going to try to add crossfilter to the dataset for speedy filtering. I could try phase two as an extension. It’s to include:

• multi datasets on a dashboard
• multi chart cards with which type of chart
• position chart on dashboard (draggable I think)
• save dashboard so you get a dropdown to choose which saved dashboard
• off course the drilldown to the table
• charts probably only thing used from apex, using quasar components for the legend and so forth
• auto color shading per item (now I have an array of 30 colors, I want it auto generated and linking to the legend item so if you have two charts with that legend item its the same color)
• export to something (pdf/excel)

I’ll try to get updates going here and/or in the ‘i made this’ in discord.

got it working with two q-drawers

Nearly have it. I made this class .micpMenu.q-layout-drawer-left.off-screen {transform translateX(-50%)} which is working. It moves to the left to 50%. But I want the transformation to start at the right so the left part stays.

Ah. I know what to change @a47ae . If you have a q-drawer, with a q-button to collapse it, then generated ‘aside’ get this class ‘.q-layout-drawer-left.on-screen’. When you have a button to hide it, the class ‘transform’ entry becomes -100%. I need to change that to something else.

Hello. I looked at breakpoint but it doesn’t seem to do what I would like. Let me put a bit of html code to explain. I removed header and footer for that is no problem.

<div>
<div ‘drawer’>
<div>
left column 1 with some link icons
</div>
<div>
left column two with the list of the item clicked in left column one
</div>
</div>
<div>
content pane
</div>
</div>

So the idea is that the div with ‘drawer’ is the layout-drawer (if that is what to use). In it I’ll put two parts, namely a list with buttons going down and then in the second a list with items related to the button clicked in column one. What I would like is when I click the button to collapse the drawer it will collapse to a width to show column one. Normally it collapses all the way.

Or should I use the ‘flex’ with this?

Hi all. Is it possible to collapse a q-drawer to a certain width? What I would like in my q-drawer is put a q-list in the first column (just icons) and then in the second column in the q-drawer add a q-list which will change based on a session variable which contains an application section. The collapse should then only collapse the second column. Or is it better to use two q-drawers somehow?

ah then the node must be the issue. I’ll try tonight

Unfortunatly I have an error, the same after two tryouts. If you wonder what happens in a normal cmd window (instead of powershell) it’s the same. This is windows 10 64bit machine. Also I just pressed ENTER with the cordova question (I don’t want it actually). Any tips?

[EDIT] I see by default there is not a ‘scripts’ entry for ‘dev’ in ‘package.json’ I’ll see if I need to make that. I though since there is src it would show something with ‘quasar dev’ just like ‘quasar test’ works

PS D:\Workspace…\chk\chk> quasar dev
D:\Workspace…\chk\chk\node_modules\quasar-cli\bin\quasar-dev:60
async function goLive () {
^^^^^^^^
SyntaxError: Unexpected token function

• module.js:20 require
  internal/module.js:20:19

• quasar:80 Object.<anonymous>
  [chk]/[quasar-cli]/bin/quasar:80:3

ah then I’ll start my two projects. thanks.