494
Views
3
Comments
[OutSystems UI] Tooltip in a fixed position
Question
outsystems-ui
Reactive icon
Forge asset by OutSystems

Hi,

In our mobile app we need to always show tooltip in a fixed position (middle of the screen) like a popup. Is Tooltip widget based on Tooltipster library? How can I access the advanced settings like plugins? Or there is a better practice to achieve this behavior?

Thank you

2018-08-26 20-34-32
Pankaj pant

Hi Mykola,

Did you check the floating content widget?

that might be useful for your requirement.


Thanks,

PP


2021-05-05 13-05-18
Mykola (Nick) Tkachenko

Hi Pankaj,

Thanks for suggesting. This will solve problem of positioning but will have to change a flow to control its visibility. And tooltip does it automatically so having possibility to tweak its positioning would be preferable.


2020-12-07 13-36-58
Alexandre Santos
Champion

Hi Mykola!


I would suggest use the Popup widget. Hide/show it's easy and looks like what you want.


But if you want to use the Tooltip, you can do it with CSS:

.tooltip-wrapper { 

      bottom: auto !important; 

      left: 50% !important; 

      position: fixed !important; 

      right: auto !important; 

      top: 50% !important; 

      -webkit-transform: translateX(-50%) translateY(-50%) !important; 

              transform: translateX(-50%) translateY(-50%) !important; 

}


You should remove all the "!important" from the CSS and be more specific with the class. With this you are going to change all tooltips.


Cheers!

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.