Text fields
$
.00
Text fields


Control sizing - Block level inputs

Make any <input> or <textarea> element behave like a block level element.

Control sizing - Relative sizing

Use relative sizing classes like .input-large or match your inputs to the grid column sizes using .span* classes.






Control sizing - Grid sizing

Use .span1 to .span12 for inputs that match the same sizes of the grid columns.












For multiple grid inputs per line, use the .controls-row modifier class for proper spacing. It floats the inputs to collapse white-space, sets the proper margins, and the clears the float.





<div class="controls-row">
<?php
echo(CHtml::textField('name','.span5',array('class'=>'span5')));
?>
<br />
<?php
echo(CHtml::textField('name','.span4',array('class'=>'span4')));
echo(CHtml::textField('name','.span1',array('class'=>'span1')));
?>
<br />
<?php
echo(CHtml::textField('name','.span3',array('class'=>'span3')));
echo(CHtml::textField('name','.span2',array('class'=>'span2')));
?>
<br />
<?php
echo(CHtml::textField('name','.span2',array('class'=>'span2')));
echo(CHtml::textField('name','.span3',array('class'=>'span3')));
?>
<br />
<?php
echo(CHtml::textField('name','.span1',array('class'=>'span1')));
echo(CHtml::textField('name','.span4',array('class'=>'span4')));
?>
</div>