No More Posting New Topics!

If you have a question or an issue, please start a thread in our Github Discussions Forum.
This forum is closed for new threads/ topics.

Navigation

    Quasar Framework

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

    Right drawer similar to Left drawer

    Help
    3
    8
    258
    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.
    • marin-cec
      marin-cec last edited by marin-cec

      This post is deleted!
      dobbel 1 Reply Last reply Reply Quote 0
      • dobbel
        dobbel @marin-cec last edited by

        @marin-cec

        https://quasar.dev/layout-builder

        marin-cec 1 Reply Last reply Reply Quote 0
        • marin-cec
          marin-cec @dobbel last edited by marin-cec

          This post is deleted!
          beets dobbel 2 Replies Last reply Reply Quote 0
          • beets
            beets @marin-cec last edited by

            @marin-cec You should try and reproduce this is a codepen, because I think you’re doing some non-standard things with max-width and auto margins.
            That being said, you may want to use a containerized layout. Or, you might not even need a qlayout here at all, but it’s not exactly clear if you want to be able to show / hide the drawers (maybe that’s what the x buttons are in the toolbar)

            1 Reply Last reply Reply Quote 0
            • dobbel
              dobbel @marin-cec last edited by dobbel

              @marin-cec

              no it’s relevant. Because you can play and see the difference in behavior of the layout if you change the “Layout view” setup.

              Your Layout view setup is: view="hHh lpR fFF"

              With this setup the left and right drawer have a different behavior because you have lpR with a capital R and a non-capital l. Instead lpr or LpR
              will result in the same behavior.

              same for:

              fFF gives different behavior left and right.
              fFf gives the same behavior left and right.

              The hHh part of your setup is fine and will result in the same behaviour of the left and right drawer.

              For more info:
              https://quasar.dev/layout/layout#Understanding-the-“view”-prop

              marin-cec 1 Reply Last reply Reply Quote 0
              • marin-cec
                marin-cec @dobbel last edited by marin-cec

                @dobbel You are partially right, about different behavior of Drawers, according to Uppercase or Lowercase letters. I missed up, that the letter uppercase mean and make it Fixed, and now I changed to view=“hhh lpr fff” . Thank you man!

                dobbel 1 Reply Last reply Reply Quote 0
                • dobbel
                  dobbel @marin-cec last edited by

                  @marin-cec Great to hear! So all is fixed?

                  1 Reply Last reply Reply Quote 0
                  • marin-cec
                    marin-cec last edited by

                    This post is deleted!
                    1 Reply Last reply Reply Quote 0
                    • First post
                      Last post