EasyUI Forum

General Category => EasyUI for jQuery => Topic started by: gorneman on June 16, 2015, 03:10:28 AM

Title: [Solved] Slider: value and tip not correspond to label
Post by: gorneman on June 16, 2015, 03:10:28 AM

Hi,
I modified "Format Tip Information slider" to 500px slider and rule labels [0,'|',100,'|',200,'|',300,'|',400,'|',500], but value and tip not correspond to label ( difference is about 7px). I tried to use converter function, but no changes.
How can I solve? Thanks.

Title: Re: Slider: value and tip not correspond to label
Post by: stworthy on June 16, 2015, 05:11:48 AM

You can set the 'max' property to 500.

Code:

<input class="easyui-slider" value="12" style="width:300px" data-options="
		showTip: true,
		rule: [0,'|',100,'|',200,'|',300,'|',400,'|',500],
		max: 500,
		tipFormatter: function(value){
			return value+'px';
		}">

Title: Re: [Solved] Slider: value and tip not correspond to label
Post by: gorneman on June 16, 2015, 10:28:40 AM

Thanks, problem was dimensions (height) of the slider: I have modified it in the wrong way.