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

    Want a textfield to take up rest of page (without causing scrolling), using v1.x

    Help
    2
    3
    99
    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.
    • F
      Fancellu last edited by

      I have a q-layout, q-header, q-page-container, q-page

      Inside the q-page I have some controls, ending with a textarea

      How would I get the textarea to take up all the vertical space left?

      Anyone have any examples of sizing? e.g let this take up 40% of the q-page? Let this take the rest…

      Thanks

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

        Lots of options here: https://v1.quasar-framework.org/style/positioning

        1 Reply Last reply Reply Quote 0
        • F
          Fancellu last edited by

          Thanks, fixed-bottom makes my text area move to the bottom just fine, however I also want the top of the text area to stay where it was, i.e. for the height/size to change, not so much the position

          e.g. https://codepen.io/fancellu/pen/ZPgzpd

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