Navigation

    Quasar Framework

    • Register
    • Login
    • Search
    • Categories
    • Recent
    • Tags
    • Popular
    • Users
    • Groups
    • Search

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

    Framework
    q-tree
    4
    12
    51
    Loading More Posts
    • Oldest to Newest
    • Newest to Oldest
    • Most Votes
    Reply
    • Reply as topic
    Log in to reply
    This topic has been deleted. Only users with topic management privileges can see it.
    • J
      jitendra16 @metalsadman last edited by

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

      dobbel 1 Reply Last reply Reply Quote 0
      • J
        jitendra16 last edited by

        @s-molinari @rstoenescu #featureRequest

        1 Reply Last reply Reply Quote 0
        • s.molinari
          s.molinari last edited by

          Can you link to an example?

          Scott

          J 1 Reply Last reply Reply Quote 0
          • dobbel
            dobbel @jitendra16 last edited by

            @jitendra16

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

            J 1 Reply Last reply Reply Quote 0
            • J
              jitendra16 @dobbel last edited by

              @dobbel rotate not helpful.

              1 Reply Last reply Reply Quote 0
              • J
                jitendra16 @s.molinari last edited by 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 1 Reply Last reply Reply Quote 0
                • dobbel
                  dobbel @jitendra16 last edited by

                  @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

                  J 1 Reply Last reply Reply Quote 1
                  • J
                    jitendra16 @dobbel last edited by

                    @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 1 Reply Last reply Reply Quote 0
                    • metalsadman
                      metalsadman @jitendra16 last edited by

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

                      J 1 Reply Last reply Reply Quote 0
                      • J
                        jitendra16 @metalsadman last edited by

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

                        1 Reply Last reply Reply Quote 0
                        • First post
                          Last post