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 use q-btn in q-tooltip

    Help
    2
    5
    150
    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.
    • M
      mecjos last edited by

      Hi everyone., I want to put a delete button on an image when make mouse over it. I just thought a solution by using tooltip but button doesn’t work in tooltip… Can you help… Here are my codes…

      <q-img :src="existingImage.url">
                <q-tooltip anchor="top right" :offset="[-20,-5]" transition-show="scale" transition-hide="scale" content-class="transparent">
                  <q-btn tabIndex="100" round color="red" icon="delete" size="sm" @click="dltImage()" />
                </q-tooltip>
              </q-img>
      
      1 Reply Last reply Reply Quote 1
      • s.molinari
        s.molinari last edited by

        QTooltip isn’t made for that. Use QMenu or QPopupProxy instead.

        Scott

        1 Reply Last reply Reply Quote 1
        • M
          mecjos last edited by

          Thanks for your answer… They are triggered by clicking… Actually I want to make a hover button on an image component…

          1 Reply Last reply Reply Quote 1
          • s.molinari
            s.molinari last edited by

            You can trigger the menu via the mouseover event. The timing isn’t 100% correct in the example below, but I think you can get the idea.

            https://codepen.io/smolinari/pen/dyoJddx?editors=1010

            Scott

            M 1 Reply Last reply Reply Quote 2
            • M
              mecjos @s.molinari last edited by

              @s-molinari Thank you.

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