Have an idea?

Visit Sawtooth Software Feedback to share your ideas on how we can improve our products.

Tooltip position

Dear all,

my Tooltip Description is far away from the Linked Text. How can I arrange the tooltip to be shown right next to my Linked Text?

Thanks for your help!
asked Sep 21 by Chris

1 Answer

0 votes
 
Best answer
Please try adding this to your survey's HTML head tag:

<script>
function SSI_SetupToolTips()
{
    var strLinkName = "";
    var strTipTextName = "";
    jQuery(".tool_tip_link").each(function ()
    {
        var toolTipLink = $(this);
        var toolContent = "";
        if(toolTipLink.attr('title'))
        {
            toolContent = toolTipLink.attr('title');
        }
        else
        {
            toolTipLink.attr('title', '');
            toolContent = jQuery(this).next(".tool_tip_text").clone().html();
        }
 
        $(this).tooltip({
            classes: {
                "ui-tooltip": "tool_tip_text"
            },
            content: toolContent,
            track: true,
            position: {my: "left+5 top+20"}
        });
    });
}
</script>


If that is not working, add these two lines to the top of the survey HTML head tag:

<script src="https://code.jquery.com/jquery-1.12.4.js"></script>
<script src="https://code.jquery.com/ui/1.12.1/jquery-ui.js"></script>
answered Sep 22 by Zachary Platinum Sawtooth Software, Inc. (63,475 points)
...