Tooltip on mobile browser

Forum Home Forums Development and Integration Tooltip on mobile browser

Viewing 2 posts - 1 through 2 (of 2 total)
  • Author
    Posts
  • #9798
    kumajaya
    Participant

    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.
    #9808
    Mikhail
    Moderator

    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.

Viewing 2 posts - 1 through 2 (of 2 total)
  • You must be logged in to reply to this topic.