Smart tooltip

[same66]

Hi,

I use a tooltip for a panel and I have a problem.
My panel is on the right of my page, and when I put my mouse hover the panel, the tooltip is display but a part of this tooltip is outdoor (out? sorry french).

Is it possible to give a property to enable tooltip that he did not have the size to display to the right of the cursor, he starts to the left?

Thank

[same66]

Nobody can help me ?

[laurentParis]

var myTooltipPanel = new Ext.ToolTip({
  target: myPanelElOrId,
  anchor: 'r-r?',
  trackMouse: true,
  title:' test title',
  html: 'test tooltip'
}); 

http://dev.sencha.com/deploy/dev/doc...lement-alignTo
"?" is passed at the end of the position string, the element will attempt to align as specified, but the position will be adjusted to constrain to the viewport if necessary"

[prophet]

You can try to use the anchor config property... Also try defining the tip's height/width.

[jratcliff]

There is a bug/typo with Ext.ToolTip's adjustPosition method so add this override and see if that fixes the issue for you.

Ext.ToolTip.override({

    adjustPosition : function(x, y){
        if(this.constrainPosition){
            var ay = this.targetXY[1], h = this.getSize().height;
            if(y <= ay && (y+h) >= ay){
                y = ay-h-5;
            }
        }
        return {x : x, y: y};
    }
    
});