[ Resolved ] Customize Cjuisliderinput

Hello,

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

Here is my source code:


<?php 		

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

			'model'=>$model,

			'attribute'=>'progression',

			'value'=>50,

			'event'=>'change',

			'options'=>array(

				'min'=>0,

				'max'=>100,	

			'animate'=> true,

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

			),

			'htmlOptions'=>array(

				'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.

hi,

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

/Tommy

Hello,

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:

http://www.yiiframework.com/forum/index.php/topic/24511-cjuisliderinputphp/page__pid__168004

Thx.