How to make radioButtonList appear in horizontal mode?

Yii 1.1 General Discussion
1

Hi, How to make radioButtonList appear in horizontal mode?. thanks

2

I don’t know the code generated by radioButtonList, but the idea is to edit css styles:




selector { display: inline; margin-right: 10px; }
3

thanks andy, i’ll try it

4

I had to solve this problem too, so I wrote a small wiki article on it:

Yii Wiki: Styling Radio Buttons

http://www.yiiframework.com/wiki/110/styling-radio-buttons/

5

Nice job, thank you.

6

here’s how to do it without modifying your php or html:

7 



$htmlOptions=array('separator'=>'');//to prevent printing <br/>
8

please try this





<?php

 echo $form->radioButtonList($model, 'field',

                    array(  0 => 'Unapproved',

                            1 => 'Deleted',

                            2 => 'Approved' ),

		  

                   array(

    'labelOptions'=>array('style'=>'display:inline'), // add this code

    'separator'=>'  ',

) );




?>
9

I did it with css:

in the view:

<td><div class="compactRadioGroup">

and in css/main.css

DIV#content DIV.compactRadioGroup {

padding-left: 1em;

}

DIV#content .compactRadioGroup LABEL,

DIV#content .compactRadioGroup INPUT {

display: inline;

}

10

Thanks a lot…

11

Nisanth thulasi thank you so much

12

you can use this for more space




'separator'=>'&nbsp;&nbsp;&nbsp;',

thanks Nisanth thulasi