PDA

View Full Version : Extjs 4.2 border issue - bottom line is not showing



renganathan
24 Mar 2014, 3:32 AM
Hi All,

I am facing issue with border.

Please find the code,

JS




Ext.create('Ext.form.Panel', {
title: 'RadioGroup Example',
width: 300,
height: 125,
bodyPadding: 10,
renderTo: Ext.getBody(),
items:[{
xtype: 'radiogroup',
fieldLabel: 'Two Columns', // Arrange radio buttons into two columns, distributed vertically columns: 2,
vertical: true,
items: [
{ boxLabel: 'Item 1', name: 'rb', inputValue: '1' },
{ boxLabel: 'Item 2', name: 'rb', inputValue: '2', checked: true},
{ boxLabel: 'Item 3', name: 'rb', inputValue: '3' },
{ boxLabel: 'Item 4', name: 'rb', inputValue: '4' },
{ boxLabel: 'Item 5', name: 'rb', inputValue: '5' },
{ boxLabel: 'Item 6', name: 'rb', inputValue: '6' } ] }] });

CSS



.x-form-item-body .x-form-checkboxgroup-body{
background:transparent;
border:1px solid #808080;
padding-top:4px;
padding-left:4px;
}

Gary Schlosberg
24 Mar 2014, 6:34 PM
The bottom line seems to be showing when I place your code into this Fiddle:
https://fiddle.sencha.com/#fiddle/4fv

renganathan
24 Mar 2014, 9:48 PM
yes it is working fine. http://jsfiddle.net/THS9U/