How to make q-tree horizontal instead of vertical, for big/wide screens?

[jitendra16]

How to make q-tree horizontal instead of vertical, for big/wide screens?

[metalsadman]

@jitendra16 nothing like that is available in the current component.

[jitendra16]

@metalsadman Can you please list this in ‘requested features’?

[jitendra16]

@s-molinari @rstoenescu #featureRequest

[s.molinari]

Can you link to an example?

Scott

[dobbel]

@jitendra16

maybe you could rotate it:
https://quasar.dev/style/other-helper-classes#Orientation-Related

[jitendra16]

@dobbel rotate not helpful.

[jitendra16]

@s-molinari Something like this https://codepen.io/ross-angus/pen/jwxMjL. This kind of orientation better for wider screens(not much vertical scrolling needed). Also, check https://github.com/hukaibaihu/vue-org-tree as suggested by @dobbel .

[dobbel]

@jitendra16

here are some Vue.js libraries with some vertical tree options:

https://github.com/hukaibaihu/vue-org-tree
https://github.com/David-Desmaisons/Vue.D3.tree

[jitendra16]

@dobbel https://github.com/hukaibaihu/vue-org-tree is perfect for my use, but I usually avoid anything out of quasar(i love it). Hope to see same in q-tree soon.

[metalsadman]

@jitendra16 should be ok, you don’t need all components to be quasar ones.

[jitendra16]

@metalsadman As of now, i am implementing https://github.com/hukaibaihu/vue-org-tree, but will move to q-tree in future.