Hi all. My application adds q-items dynamically when a new object is added to an array of objects. However, since it is a list, and the q-item is the next thing in it, it is at the bottom. This is perfect.
My question is, what can I do that when this happens, the list moves so the new item is more in the middel of the screen instead of the bottom (a scrollbar appears in that case too) or half of the screen.
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:
I’ll try to get updates going here and/or in the ‘i made this’ in discord.
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
