PDA

View Full Version : frame: false does not hide Window left, right, bottom frames



glafrance
16 Oct 2012, 12:39 PM
This code does not work, though I heard that I can use frame: false to hide the left, right, and bottom frames of a Window and keep the title header:


Ext.onReady( function (){
new Ext.Window({
height: 260,
width: 505,
title: 'Switch User',
frame: false
}).show();
});

sword-it
16 Oct 2012, 11:16 PM
Hi!
By default, xtype:window has frame:false.

Actually, specify frame as true will provide you a graphical rounded frame around the component content at render time.
This is only necessary when running on outdated, or non standard-compliant browsers such as Microsoft's Internet Explorer prior to version 9 which do not support rounded corners natively.For more info, check this:-
http://docs.sencha.com/ext-js/4-1/#!/api/Ext.AbstractComponent-cfg-frame

glafrance
18 Oct 2012, 8:55 AM
This solved the issue:


.x-window-default {
border: none;
background: none;
}



Ext.create('Ext.window.Window',{
height: 260,
width: 505,
title: 'Switch User',
autoShow: true,
closable: true,

// these two configs
// in addition to the above css
border: false,
plain: true,

buttons: [{
text: 'Login'
},{
text: 'Cancel'
}]
});