1. #1
    Ext User hlimaiem's Avatar
    Join Date
    Jan 2009
    Location
    Montreal, Canada
    Posts
    20
    Vote Rating
    0
    hlimaiem is on a distinguished road

      0  

    Default Tooltip in status bar button show navigator scroll

    Tooltip in status bar button show navigator scroll


    Hi,
    I've recently added an Ext.statusBar on my web page to show buttons on it (containing things like save, delete cancel..).
    So i've added some tooltip to those buttons, but when the mouse over the button & the tooltip is activated, an horizontal scroll of my browser appear and disappear when the mouse is out the buttons.
    So it's kind of unpleasant seeing the navigator (horizontal) scroll appear and disappear each time the tooltip appear

    Thank you for your help.

  2. #2
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,546
    Vote Rating
    64
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    I think it's an Ext bug, and the constrain logic (which pulls a Component into the Viewport if it's off the edge) needs to be hoisted from Ext.Window into Ext.BoxComponent.

    Meanwhile, check the http://extjs.com/deploy/dev/docs/?cl...er=mouseOffset config.

    Use that in your tooltip config object to put the tooltip above the mouse, like [15, -18]

  3. #3
    Sencha - Ext JS Dev Team Animal's Avatar
    Join Date
    Mar 2007
    Location
    Notts/Redwood City
    Posts
    30,546
    Vote Rating
    64
    Animal is a jewel in the rough Animal is a jewel in the rough Animal is a jewel in the rough

      0  

    Default


    Actually, I'm wrong there.

    A ToolTip has a constrainPosition setting which is true by default, so it should not do what you describe.

  4. #4
    Ext User hlimaiem's Avatar
    Join Date
    Jan 2009
    Location
    Montreal, Canada
    Posts
    20
    Vote Rating
    0
    hlimaiem is on a distinguished road

      0  

    Default


    Ok here's all my code, i've just defined my buttonItems like this:
    var menubutton1 = [
    {
    iconCls: 'saveOnglet',
    tooltip: 'This is a quick tip from markup!',
    handler : function(){
    send_to_AjaxSave_TreatedSuport();
    }
    },
    {
    iconCls: 'deleteOnglet',
    tooltip:"qtip text",
    handler: function(){
    window.location.reload();
    }
    },
    {
    iconCls: 'closeOnglet',
    handler: function(){
    window.close();
    }
    },
    {
    iconCls: 'printOnglet',
    tooltip :'XXXXXTitre de la panne',
    handler: function(){
    window.close();
    }
    }
    ];
    and in my Ext.onReady :
    Ext.onReady(function() {

    Ext.QuickTips.init();


    secondBar = new Ext.StatusBar({
    statusAlign: 'left',
    ctCls: 'mainToolbar',
    renderTo: 'app-menubar1',
    autoHeight: true,
    defaultText: '',
    id: 'word-status',
    items: menubutton1
    });
    });
    thanks.

Thread Participants: 1