PDA

View Full Version : Overlay showing from left:::: please help



kfelix18
3 Jan 2011, 3:15 PM
I am trying to load an overlay under a button but it always starts from the left side before showing under the button. What can i do to let it load right under the button which is clicked ?

Thanks in advance.


var overlayTb = new Ext.Toolbar({
dock: 'top',
ui:'confirm'

});

var showOverlay = function(btn, event) {
livepanel.setCentered(false);
overlayTb.setTitle('Live Radio Stations');
livepanel.showBy(btn,true,true);
};

var joyfmradio = {
xtype: 'audio',
url: 'http://'
};
//Audio from joy fm in a panel
var livepanel = new Ext.Panel({
layout:{
type:'vbox',
pack:'end'
},

floating: true,

modal: true,
centered: false,
dockedItems: overlayTb,
items: [{xtype:'button',text:'JoyFM',ui:'plain'},joyfmradio]

});

var rightbanner = new Ext.Panel({
flex:2,
dock:'top',
layout:{type:'hbox', align:'center', pack:'center'},
items:[{xtype:'button', cls:'btnVideo'},{xtype:'button', cls:'btnPhoto',title:'Photo'},{xtype:'button', cls:'btnNewspaper'},{xtype:'button', cls:'btnSearch'},{xtype:'button', cls:'btnLive', handler: showOverlay}]
});
[/PHP]

smitjoshi
18 Jan 2012, 1:40 AM
I am having the same problem, I can not move overlay below button.
Thanks for your help.