juislider Follow @yiiframework

<? echo CHtml::form(); ?>
<? echo CHtml::textfield('x1'); ?><br />
<? echo CHtml::textfield('x2'); ?><br />
<? echo CHtml::textfield('x3'); ?><br />
<?
$this->widget('application.extensions.juislider.ESlider',
              array(
                    'name'=>'slider',
                    'theme'=>'cupertino',
                    'enabled'=>true,
                    'minValue'=>-10,
                    'maxValue'=>10,
                    'steps'=>20,
                    'value'=>array(-10,0),
                    'linkedElements'=>array('x1','x2'),
                    'linkedRangeElement'=>'x3',
                    'numberOfHandlers'=>2,
                    'range'=>true,
                    'htmlOptions'=>array('style'=>'width:200px;height:10px;')
                   )
             );
?>
</form>

<? echo CHtml::form(); ?>
<table>
<tr>
<td>
<? echo CHtml::textfield('x1'); ?>
</td>
<td>
<?
$this->widget('application.extensions.juislider.ESlider',
              array(
                    'name'=>'slider',
                    'theme'=>'dotluv',
                    'enabled'=>true,
                    'minValue'=>-20,
                    'maxValue'=>20,
                    'stepping'=>5,
                    'linkedElements'=>array('x1'),
                    'htmlOptions'=>array('style'=>'width:250px;height:10px;')
                   )
             );
?>
</td>
</tr>
</table>
</form>