[ Resolved ] Customize Cjuisliderinput


I want to change the color of the party started in my slide.

Here is my source code:


			$this->widget('zii.widgets.jui.CJuiSliderInput', array(








			'animate'=> true,

			'slide'=>'js:function(event,ui){$("#amount").text(ui.value+"%"); }',



				'style'=>'width:220px; float:left;height:10px; margin-right: 10px'




My value is 50% => I want to have the 50% portion began in gray and the remainder in white.

Could you suggest me something?

Thank you in advance.


i think you should Tweak the css

add this in widget array

‘themeUrl’ => Yii::app()->baseUrl . ‘/css/jui’,

‘theme’ => ‘softark’,

‘cssFile’ => ‘jquery-ui-1.9.2.custom.css’,

then modify the CCS

hope this help you!

Moved to General Discussion for Yii 1.1.x



I find a solution:

I have use range:min in the options. But “CJuiSliderInput” don’t suport range: min or max.

So i extend the class CJuiSliderInput and i followed advices in this link: