1. #1
    Sencha User
    Join Date
    Oct 2011
    Posts
    172
    Answers
    7
    Vote Rating
    -10
    glafrance is infamous around these parts glafrance is infamous around these parts

      0  

    Default Unanswered: frame: false does not hide Window left, right, bottom frames

    Unanswered: frame: false does not hide Window left, right, bottom frames


    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:

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

  2. #2
    Sencha - Community Support Team sword-it's Avatar
    Join Date
    May 2012
    Location
    Istanbul
    Posts
    1,333
    Answers
    124
    Vote Rating
    85
    sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough sword-it is a jewel in the rough

      0  

    Default


    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/#!...nent-cfg-frame
    sword-it.com, Sencha Developer House in Turkey - Istanbul University Technopark Suite 204.

  3. #3
    Sencha User
    Join Date
    Oct 2011
    Posts
    172
    Answers
    7
    Vote Rating
    -10
    glafrance is infamous around these parts glafrance is infamous around these parts

      0  

    Default


    This solved the issue:

    Code:
    .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'
        }]
    });

Thread Participants: 1