Tooltip on mobile browser

[kumajaya]

On mobile browser, label property not working as a tooltip like on desktop browser. Solution:
1. Download ballon.css from https://kazzkiq.github.io/balloon.css/ and save it in scada/ScadaWeb/plugins/Scheme/css/
2. Edit scada/ScadaWeb/plugins/Scheme/Scheme.aspx, add ballon.css:
<link href="~/lib/open-sans/css/open-sans.css" rel="stylesheet" type="text/css" />
<link href="~/plugins/Scheme/css/ballon.css" rel="stylesheet" type="text/css" />
<link href="~/css/controls/notifier.min.css" rel="stylesheet" type="text/css" />
3. Edit scada/ScadaWeb/plugins/Scheme/js/schemerender.js and modify setToolTip function to:
scada.scheme.ComponentRenderer.prototype.setToolTip = function (jqObj, toolTip) {
if (toolTip) {
//jqObj.prop("title", toolTip);
jqObj.attr("aria-label", toolTip);
jqObj.attr("data-balloon-pos", "up-right");
}
};
4. Use Firefox or Chrome Beta mobile browser

• This topic was modified 5 months, 1 week ago by kumajaya.

[Mikhail]

I confirm that this issue exists and should be fixed.
Likely, bootstrap tooltips should be used to avoid adding additional library.
Thank you for reporting.

[Author]

Posts