[OutSystems UI Mobile] Tooltip in a fixed position

[OutSystems UI Mobile] Tooltip in a fixed position

  
Forge Component
(33)
Published on 7 Dec (6 days ago) by OutSystems R&D
33 votes
Published on 7 Dec (6 days ago) by OutSystems R&D

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

Hi Mykola,

Did you check the floating content widget?

that might be useful for your requirement.


Thanks,

PP


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.


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!