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

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

16 Oct 2012, 11:16 PM
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:-

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

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

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'