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

    how can I nest q-layouts?

    Help
    q-layout
    3
    3
    713
    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.
    • E
      ericg97477 last edited by ericg97477

      I would like to have two q-layouts on my page with the general structure:

      layout A
        header A
        scrollable content A
          layout B
            header B
            scrollable content B
            footer B   
        footer A
      

      Is something like this possible with q-layout?

      The problem I am having is that with my nested layout B, header B and footer B can end up underneath header A and footer A and I would want header B and footer B to be pinned inside of scrollable content A.

      Hopefully this makes sense…

      If this is not the correct solution, what is the recommended way to do something like this?

      1 Reply Last reply Reply Quote 0
      • syflex
        syflex last edited by

        A visual representation would have been better so I will know what you are trying to achieve. But I think u should use q-toolbar in place of the layout B

        1 Reply Last reply Reply Quote 0
        • J
          JaredThirsk last edited by

          See containerized layouts: https://quasar.dev/layout/layout#Containerized-QLayout

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