Have an idea?

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

Tooltip allignment

Tooltips mouseovers seem to appear on the left on then can not be read on small screens. How can this be solved?

Still have Version 8.4.8
asked Nov 19 by anonymous

1 Answer

0 votes
I tried making a quick patch to 8.4.8's tooltip text.  Please try adding to your page and see if it improves the behavior:

<script>
function SSI_SetupToolTips() {
    $('.tool_tip_link').each(function(){
        // Mousemove
        $(this).mousemove(function(event){
            $(this).addClass('tool_tip_link_mouseover');
            var toolTip = $(this).next('.tool_tip_text');
            toolTip.show();
            var x = event.pageX + 18;
            var y = event.pageY + 18;
            var width = $('body').width();
            if (x + toolTip.width() > width) {
                toolTip.width(width - x);
            }
            toolTip.css({'left': x, 'top': y});
        });
        
        // Mouseout
        $(this).mouseout(function(event){
            $(this).removeClass('tool_tip_link_mouseover');
            $(this).next('.tool_tip_text').hide();
        });
    });
}
</script>
answered Nov 19 by Zachary Platinum Sawtooth Software, Inc. (156,375 points)
...