Hello
I am working in reactive application outsystem 11, now for implementing the tool tip I used "title" attribute and it is working on web but when I open it in the mobile it's not working.
Can anyone suggest how I can fix it?
Hi Aprita,
I would suggest to use the Tooltip widget from OutSystemsUI, this works also on mobile, just make sure not to set the IsHover property to true. That way when you click the content you place in the tooltip place holder, the tooltip will show on your mobile device. Click somewhere else on the screen makes the tooltip disappear again.
Regards,
Daniel
Daniël Kuhlmann wrote:
Hello Daniel,
I have used tooltip in the screen but its not closing once i open it on click. May be some conflict occurred ,but it is not showing any error in the console. Can you suggest how can i make it close on click anywhere.
Hi Arpita,
There's no alternative because the title attribute triggers a tooltip on hover but you can't hoverin mobile browsers (for smartphones). An alternative action to hover in mobile browsers can be hold.
title
on hover
hold
Regards
Rahul
See this post-
https://www.outsystems.com/forums/discussion/62161/close-popover-menu/
You can use same for tooltip need to change only classname.
use this js for tooltip-
var x = document.getElementsByClassName("tooltip-wrapper");
x[0].style.display = "none";
hope this will help you.
Rahul Sahu wrote:
Thanks Rahul.
I was trying the same thing. But that need to be called when I click somewhere outside the screen. So that is little trouble and I working on that. If you can suggest something let me know.