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

    Q-Card footer

    Help
    1
    1
    254
    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.
    • L
      liamb last edited by liamb

      I have a q-card inside a q-dialog window, and I’m trying to work out how to make a footer inside the card. The card currently takes up all available space inside the dialog, but each q-card section has it’s own individual height. How can I stick the last q-card-section to the bottom of the card?

      <q-dialog full-height>
          <q-card>
              <q-card-section>
                <h6>Card Header</h6>
                <q-space />
                <q-btn icon="close" flat round dense v-close-popup />
              </q-card-section>
              <q-card-section> <!-- this should take up all available space. -->
                <h6>History</h6>
              </q-card-section>
              <q-card-section> <!-- this should stick to bottom of card. -->
                <h6>Card Footer</h6>
              </q-card-section>
          </q-card>
      </q-dialog>
      

      0d3ebcce-fcd3-4bf5-a71c-a33ad7ebe92d-image.png

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