Change tooltip animation?



  • How do I change a tooltip animation direction?

    Right now it “folds out” from top to bottom, but I would like it to fold out from left to right.

    The actual positioning is correct, just not the animation itself.



  • Here’s documentation: https://quasar-framework.org/components/tooltip.html
    Look at properties for anchor and self.
    This is my go to tooltip position:

    <q-tooltip anchor="bottom middle" self="top middle">Play/Pause</q-tooltip>
    

    But depending where the tooltip shows up, I’ve had to adjust it a bit so the display doesn’t hide something:

    <q-tooltip anchor="top middle" self="bottom middle">Date/Time</q-tooltip>
    

    Hope that helps!



  • @hawkeye64 said in Change tooltip animation?:

    Here’s documentation: https://quasar-framework.org/components/tooltip.html
    Look at properties for anchor and self.
    This is my go to tooltip position:

    <q-tooltip anchor="bottom middle" self="top middle">Play/Pause</q-tooltip>
    

    But depending where the tooltip shows up, I’ve had to adjust it a bit so the display doesn’t hide something:

    <q-tooltip anchor="top middle" self="bottom middle">Date/Time</q-tooltip>
    

    Hope that helps!

    That just changes where the tooltip appears, not how it appears. It still folds out with the same animation.