PDA

View Full Version : Frame: true corrupts display of tbar ?



asterix
17 Feb 2011, 9:23 AM
Hi all

not sure, if i am doing wrong.

Ext 3.3.1, FF 3.6 and IE8 when executing following code, the tbar is either 'docked' and looks ok, but no round corners when activated, tbar is broken out ? no additional styles in use !

Anyone Suggestions ?





var Panel = new Ext.Panel({
//frame : true, // when activated toolbar is a 'separate' box
style: 'margin-top:15px',
bodyStyle: 'padding:10px',
id : 'myPanel',
title: 'Standard',
anchor : '100% 75%',
headerStyle : 'text-align:left',
html: 'Ext.example.shortBogusMarkup fhitz8ohjdzpdghmzh,dtz8o,jjz,g',
autoScroll: true,
tools:[{
id: 'print',
qtip: 'print Panel',
handler: function(event, toolEl, panel){
alert('print pressed');
}
},{
id: 'restore',
qtip: 'restore Panel',
handler: function(event, toolEl, panel){
alert('restore pressed');
}
},{
id: 'maximize',
qtip: 'maximize Panel',
handler: function(event, toolEl, panel){
alert('maximize pressed');
}
}],
tbar: [{
xtype:'splitbutton',
text: 'Menu Button',
iconCls: 'add16',
menu: [{text: 'Menu Button 1'}]
},'-',{
xtype:'splitbutton',
text: 'Cut',
iconCls: 'add16',
menu: [{text: 'Cut Menu Item'}]
},{
text: 'Copy',
iconCls: 'add16'
},{
text: 'Paste',
iconCls: 'add16',
menu: [{text: 'Paste Menu Item'}]
},'-',{
text: 'Format',
iconCls: 'add16'
}]
});
Panel.render(Ext.getBody());

asterix
17 Feb 2011, 9:31 AM
Attached Pic (sorry but show preview saved the post ....)

24728