Force position off Screen

[John]

Hi there,

I have a list of item and each item is clickable to popup a tooltip.  I'm looking to position the tooltip popup relative to the element, positioned bottom center.  However, when clicking on an item near the bottom of the screen, the tooltip popup recalculates the position so that it doesn't get displayed off the screen.  I am wondering, is it possible to force the popup to go off the screen to maintain the bottom center popup position.

John

[Svetlina Anati]

Hello John,

What you want to achieve is not available out of the box because the more intuitive behavior for a tooltip in most of the scenarios is to be "intelligent enough" to detect browser boundaries and to reposition itself. However, you could override this behavior by putting the following script I prepared for you on your page:

<script type="text/javascript">
    var $T = Telerik.Web.UI;

    $T.RadToolTip.prototype._oldCreateUI = $T.RadToolTip.prototype._createUI;
    $T.RadToolTip.prototype._createUI = function () {
        this._oldCreateUI();
        if (this._popupBehavior) this._popupBehavior.set_keepInScreenBounds(false);
    };

</script>

For your convenience I prepared and attached a sample page - resize the browser to a smaller size and show the tooltip - it will not reposition. Please, test my suggestion and let me know how it goes.

All the best,
Svetlina
the Telerik team

[John]

Perfect, exactly what I'm looking for.  Thanks!!