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,505
    Vote Rating
    52
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      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,505
    Vote Rating
    52
    Animal has a spectacular aura about Animal has a spectacular aura about Animal has a spectacular aura about

      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