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

    Centering q-card-action buttons

    Help
    2
    3
    1095
    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.
    • J
      JSONK last edited by

      Hope everyone is having a nice weekend. I am currently trying to center buttons within q-card-actions with no luck. I’ve tried all of the centering layout classes that Quasar provides. “Fixed-Center” moves the buttons to the center of the page outside of the box. “Justify-center” does not move the buttons at all. Here is my code currently without any centering classes:

       <q-card-actions>
                  <q-btn
                    flat
                    color="primary"
                    @click="alert=true, videoURL=highlight['videoURL'], videoTitle=highlight['title']"
                  >Watch</q-btn>
                  <q-btn flat color="primary">
                    <a
                      class="a"
                      style="color: #1976D2"
                      target="_blank"
                      :href="highlight['videoURL']"
                    >Download</a>
                  </q-btn>
                  <q-btn
                    flat
                    color="primary"
                  >Share</q-btn>
                </q-card-actions>
      

      Is there a way to have the buttons centered within q-card-actions? Thanks!

      metalsadman 1 Reply Last reply Reply Quote 0
      • metalsadman
        metalsadman @JSONK last edited by

        @JSONK <q-card-actions align="center"...>

        J 1 Reply Last reply Reply Quote 1
        • J
          JSONK @metalsadman last edited by

          @metalsadman said in Centering q-card-action buttons:

          align=“center”

          It worked, thank you!

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