how can I nest q-layouts?



  • 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?



  • 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


Log in to reply