Skip to content

Instantly share code, notes, and snippets.

@rdougan
Created August 17, 2010 20:43
Show Gist options
  • Save rdougan/531921 to your computer and use it in GitHub Desktop.
Save rdougan/531921 to your computer and use it in GitHub Desktop.
new Ext.Panel({
fullscreen: true,
layout : 'card',
style: 'background:red',
defaults: {xtype:'panel'},
items: [
{
layout: 'hbox',
items: [
{
style: 'background:green',
height: '100%',
flex : 1
},
{
style: 'background:blue',
height: 300,
flex : 1,
layout: 'card',
items : [
{
html: 'Card 1'
},
{
html: 'Card 2'
}
]
},
{
style: 'background:orange',
height: '50%',
flex : 3,
layout: 'vbox',
items: [
{
width: '100%',
flex : 2,
style: 'background:white'
},
{
width: '50%',
flex : 1,
style: 'background:black'
}
]
}
]
}
]
});
new Ext.Panel({
fullscreen: true,
layout : 'card',
style: 'background:red',
defaults: {xtype:'panel'},
items: [
{
layout: 'hbox',
items: [
{
style: 'background:green',
height: '100%',
flex : 1
},
{
style: 'background:blue',
height: 300,
flex : 1,
layout: 'card',
items : [
{html: 'Card 1'},
{html: 'Card 2'}
]
},
{
style: 'background:orange',
height: '50%',
flex : 3,
layout: 'vbox',
items: [
{
width: '100%',
flex : 2,
style: 'background:white'
},
{
width: '50%',
flex : 1,
style: 'background:black'
}
]
}
]
}
]
});
@rdougan
Copy link
Author

rdougan commented Aug 17, 2010

new Ext.Panel({
fullscreen: true,
layout : 'card',

style: 'background:red',

defaults: {xtype:'panel'},

items: [
    {
        layout: 'hbox',
        items: [
            {
                style: 'background:green',

                height: '100%',
                flex  : 1
            },
            {
                style: 'background:blue',

                height: 300,
                flex  : 1,

                layout: 'card',

                items : [
                    {html: 'Card 1'},
                    {html: 'Card 2'}
                ]
            },
            {
                style: 'background:orange',

                height: '50%',
                flex  : 3,

                layout: 'vbox',

                items: [
                    {
                        width: '100%',
                        flex : 2,

                        style: 'background:white'
                    },
                    {
                        width: '50%',
                        flex : 1,

                        style: 'background:black'
                    }
                ]
            }
        ]
    }
]

});

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment