Hybrid View
-
23 Jan 2008 2:02 PM #1
How to remove border from column layout
How to remove border from column layout
I have column layout inside fieldset:
ItPHP Code:{
xtype:"fieldset",
title:"Shipping Information",
autoHeight:true,
items:
[
{
xtype:"combo",
fieldLabel: 'Ship to address',
name:'shipAddressId',
store: addressStore,
displayField: 'display',
valueField: 'id',
mode: 'remote',
emptyText: 'Select a shipping address',
typeAhead:true,
loadingText: 'Loading Addresses List',
triggerAction: 'all',
width: 350
},{
layout: 'column',
items:[
{
columnWidth: .5,
layout: 'form',
items: [{
xtype:'radio',
fieldLabel: 'Shipping method',
boxLabel: 'Group Shipping',
name: 'shipingOption',
value: 'groupShipping',
checked: true,
}]
},{
columnWidth: .5,
layout: 'form',
items: [{
xtype:'radio',
boxLabel: 'Single Shipping',
name: 'shipingOption',
value: 'singleShipping',
hideLabel: true,
checked: false
}]
}]
}
]
}
-
23 Jan 2008 2:06 PM #2
-
23 Jan 2008 2:13 PM #3
I have tried put bodyBorder: false, to form layout and fieldset too, but it not works.
I'm newbie to Extjs, could you please show me where exactly I should set this?
Thanks,

-
23 Jan 2008 7:44 PM #4
-
24 Jan 2008 12:41 AM #5Sencha - Community Support Team
- Join Date
- Mar 2007
- Location
- The Netherlands
- Posts
- 24,251
- Vote Rating
- 43
You need to remove the border from the panel with layout:'column' and from the nested panels, e.g.:
Code:... layout: 'column', border: false, defaults: { border: false }, items: [ ...
-
24 Jan 2008 7:19 AM #6
-
21 Jan 2009 5:07 AM #7


Reply With Quote

Am happy to become part of this community which obviously has outstanding contributors