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-tooltip scroll

    Help
    2
    3
    302
    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.
    • C
      Cosby last edited by

      Hello all
      I’m trying to add a tooltip to my floating button. I can do whatever I want but, with a long text the tooltip has scroolbars. How can i fit the size of the tooltip avoinding scroolbars? I tried:

      <q-tooltip content-style=“font-size: 11px;”><div style=“max-width: 400px”>{{tooltipText}}</div></q-tooltip>
      or
      <q-tooltip content-style=“font-size: 11px; max-width: 300px” v-if=“tooltip.length > 0”>{{tooltipText}}</q-tooltip>

      but it looks like it doesn’t work. Could you help me?

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

        @Cosby add content-class=“no-scroll”

        1 Reply Last reply Reply Quote 0
        • C
          Cosby last edited by

          Aw damn, didn’t try that. It works fine 🙂
          many thanks

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