PDA

View Full Version : vertical alignment problem of radio button using Ext2.1 with FireFox



patrix
28 Jun 2008, 2:03 AM
Hi,

I am facing vertical alignement problem with radio buttons in column layout using Ext2.1 in Fire Fox(version 2.0.0.12).

I am not able to align my radio buttons verically in Fire Fox(It is working fine with IE 6.0).

See the attached image.

I want to align my radio buttons vertically with labels right side to the radio button.

Here is my code using column layout:

{
columnWidth:0.15,
layout: 'column',
//buttonAlign:'right',
height:125,
bodyStyle:'padding:15px 0 0px 25px',
items:[{
xtype:'radio',
//layout: 'form',
boxLabel:"From-To",
hideLabel:true,
name: 'radio',
inputValue:"radiovalue",
id:'radio1',
onClick:criteria
},
{ xtype:'radio',
//layout: 'form',
boxLabel:"All",
hideLabel:true,
name: 'radio',
id:'radio2',
inputValue:"all",
onClick:disableFields
}],
buttons: [{text: 'Search',onClick:searchCriteria}]
}


I have used below style sheets also, but are not working in Fire Fox.

.x-form-radio {
vertical-align: bottom;
}

Sytle sheet are working fine with IE but not with Fire Fox.

Can anyone please let me know what could be problem.

Note: Please check the attached image.

ktalasu
29 Jun 2008, 11:34 PM
Hi still, i am facing the same issue. Please can any one help me on this.

ktalasu
30 Jun 2008, 11:20 PM
Thanks i solved my problem

sseema
25 Sep 2008, 1:56 AM
Hi ,

I have seen your post.
Actually I am trying to implement radio buttons horizontally that is side by side before one label with text.
Actually i am getting vertically not horizontally.
My code is same as your code.
And also i want to put text before that radio buttons.
If any one knows please help me.
Thank You