How To Remove Border From Fieldset

Posted By Vitalii | April 22, 2012 | ExtJS 4.0.7
0 3457
Reply to thread

Js Code

Ext.widget('form', {
	title: 'Test Form',
	width: 300,
	bodyPadding: 5,
	items:{
		xtype: 'fieldset',
		columnWidth: 0.5,
		title: 'Test Fieldset',
		collapsible: true,
		style: 'border: none; padding-top: 5px',
		defaultType: 'textfield',
		defaults: { anchor: '100%' },
		layout: 'anchor',
		items: [{
			fieldLabel: 'Field 1',
			name: 'field1'
		}, {
			fieldLabel: 'Field 2',
			name: 'field2'
		}],
	},
	renderTo: 'output'
});
            

Panel With No Borders

Posted By Vitalii | March 14, 2012 | ExtJS 4.0.7
0 2363
Panel config option "border" specifies the border for this component. Setting value "border: false" will disable panel's border.

Js Code

Ext.widget('panel', {
	border: false,
	width: 300,
	html: 'Panel without border',
	bodyStyle: {
		'padding': '20px',
		'color': '#24637B',
		'background-color': '#C8EDFB'
	},
	renderTo: 'output'
});