video about Brief Facts - Srebrenica Massacre And Other Myths Of ::
10 posts - 3 authors - Last post: Jun 18, 2009http://www.forum.hr/archive/index.php/t-190302.html. On the picture in black uniform on the ground it`s ustasha,on the horse it`s commie and
http://www.stormfront.org/forum/showthread.php?t=592245&page=7HOME |
Dear all,
How to put some separation/spacing between item in Ext.Panel?
Thanks in advance,
Rudi.
Thank you very much Condor.
1. I confused, why in that tutorial, it uses viewport? By using viewport, my newbie eyes see that we can have few panel on screen.
2. I have read the link. I am sorry. I don't get it clear. So, if we want to do simple layout, we have to create some panels first? And add layout property to each panel? When the layout is being created?
Could you show me one simple example to add one or two panel in layout?
Thanks in advance,
Rudi.
No, viewport isn't a layout.
Please read this (http://extjs.com/learn/Ext_2_Overview#Layouts)...
I am following tutorial of TabPanel basic.
There i found viewport. Is viewport a kind of layout? Can i use both? Or i have to pick one.
Thanks.
Ext.Viewport is a outer container that stretches to the complete viewport. Other containers can also be Ext.Panel rendered to a fixed height/width element or an Ext.Window.
Demonstration of most layouts:
Ext.onReady(function(){
new Ext.Viewport({
layout: 'fit',
items: [{
title: 'Fit layout',
layout: 'border',
items: [{
region: 'north',
title: 'Border layout - north region',
height: 100,
split: true,
html: 'with splitter'
},{
region: 'south',
title: 'Border layout - south region',
height: 100,
collapsible: true,
floatable: true,
html: 'collapsible and floatable'
},{
region: 'east',
title: 'Border layout - east region',
width: 200,
layout: 'accordion',
items: [{
title: 'Accordion layout - panel 1',
html: 'Dummy content'
},{
title: 'Accordion layout - panel 2',
html: 'Dummy content'
}]
},{
region: 'west',
title: 'Border layout - west region',
width: 200,
html: 'Dummy content',
layout: 'absolute',
items: [{
x: 50,
y: 50,
height: 100,
width: 100,
xtype: 'box',
style: 'border: 1px solid black;',
autoEl: {cn: 'Absolute layout - (50,50)'}
}]
},{
region: 'center',
title: 'Border layout - center region',
xtype: 'tabpanel', // tabpanel uses card layout
activeTab: 0,
layoutOnTabChange: true,
items: [{
title: 'Card layout - card 1',
xtype: 'form', // formpanel uses form layout
labelWidth: 120,
bodyStyle: 'padding: 5px',
items: [{
fieldLabel: 'Form layout - field 1',
xtype: 'textfield',
value: 'No anchor'
},{
xtype: 'fieldset',
title: 'Form layout - fieldset',
autoHeight: true,
anchor: '100%',
Best big screen tv from Best Buy right now? [Archive] - Beyond3D Forum::
63 posts - 15 authors - Last post: Jan 28, 2007(And probably Bubbles, can't get a big screen tv without hooking the Screen Size - and of course the available space you have in your entertainment center .. $249.99 Bush TV Stand for Tube TVs Up to 36" or Flat-Panel TVs Up to ://www.beyond3d.com/forum/showpost.php?p=657275&postcount=20).
http://forum.beyond3d.com/archive/index.php/t-26855.htmlHOME |
layout: 'column',
items: [{
columnWidth: .5,
title: 'Column layout - column 1',
layout: 'form',
labelAlign: 'top',
items: [{
fieldLabel: 'Form layout - field A',
xtype: 'textfield',
value: 'Nested inside column',
anchor: '100%'
}]
},{
columnWidth: .5,
title: 'Column layout - column 2',
layout: 'form',
labelAlign: 'top',
items: [{
fieldLabel: 'Form layout - field A',
xtype: 'textfield',
value: 'Nested inside column',
anchor: '100%'
}]
}]
},{
hideLabel: true,
xtype: 'textarea',
value: 'Form layout - field 2, anchor: 0 -135',
anchor: '0 -135'
}]
},{
title: 'Card layout - card 2',
html: 'Dummy content',
layout: 'table',
layoutConfig: {
columns: 3
},
items: [{
title: 'Table layout - cell 1',
rowspan: 2,
html: 'Dummy content'
},{
title: 'Table layout - cell 2',
colspan: 2,
html: 'Dummy content'
},{
title: 'Table layout - cell 3',
html: 'Dummy content'
},{
title: 'Table layout - cell 4',
html: 'Dummy content'
}]
}]
}]
}]
});
});
Use a layout that allows you to add padding (border, table, etc.). Depends on what type of layout you are going for.
Condor,
Thank you very much. It works perfectly.
 Challenging Books For A 14 Year Old?
 First guitar : acoustic or electric?
|
Separation/spacing on Ext.Panel