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 to give a collapsible a background color

    Framework
    3
    4
    1753
    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.
    • P
      paul last edited by

      Component like q-card can make use of color=“primary”.
      This doesn’t work with q-collapsible.
      What’s the way to go?
      Cheers
      paul.

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

        Try the bg-<color> CSS classes, so for example class="bg-primary" to have primary background color.

        1 Reply Last reply Reply Quote 1
        • P
          paul last edited by

          Hi,
          Thanks for the feedback.
          Your suggestion will color the whole collapsible. I want that only the label background is colored. Now, both the label and the rest of the content is colored.
          Thanks.

          1 Reply Last reply Reply Quote 0
          • rstoenescu
            rstoenescu Admin last edited by

            You could try and see the HTML generated by the QCollapsible then write some CSS in your app targeting the exact spot where you want that background.

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