I am initializing the slider through javascript object as below:
########################################################################################
<span id="range_display_price_footer"></span>)
<div id="slider_price_footer" class="slider"><input /><input /></div>
<script>
var obj_slider = {
slObj: [],
slider_initialise: function(type,min_val,max_val,small_step_val,large_step_val,tick_placement){
//alert(small_step_val);
var temp_obj = "fixed_"+type;
temp_obj = $("#"+type).kendoRangeSlider(
{
min: min_val,
max: max_val,
selectionStart: min_val,
selectionEnd: max_val,
smallStep: small_step_val,
largeStep: large_step_val,
tickPlacement: tick_placement,
tooltip:false,
enabled: true,
slide: this.sliderOnSlide,
change:this.sliderOnChange
}).data("kendoRangeSlider");
obj_slider.slObj[type] = temp_obj;
},
sliderOnSlide: function(e){
var slider_id = document.getElementById('range_display_price_footer');
slider_id.innerHTML = e.values.toString().replace(",", " - ");
},
sliderOnChange: function(e){
alert(obj_slider.slObj['slider_estimated_val_footer'].values());
}
};
obj_slider.slider_initialise('slider_price_footer',100,10000000,10000,10000,'both');
</script>
##############################################################################################
if i call slider_initialise function with min=0 and max=1000000
BUT if change the min value other than zero like 100 as shown in code above, both of the slider handler (knob) shrink together on the left side.
Please help me how do i fix this.
########################################################################################
<span id="range_display_price_footer"></span>)
<div id="slider_price_footer" class="slider"><input /><input /></div>
<script>
var obj_slider = {
slObj: [],
slider_initialise: function(type,min_val,max_val,small_step_val,large_step_val,tick_placement){
//alert(small_step_val);
var temp_obj = "fixed_"+type;
temp_obj = $("#"+type).kendoRangeSlider(
{
min: min_val,
max: max_val,
selectionStart: min_val,
selectionEnd: max_val,
smallStep: small_step_val,
largeStep: large_step_val,
tickPlacement: tick_placement,
tooltip:false,
enabled: true,
slide: this.sliderOnSlide,
change:this.sliderOnChange
}).data("kendoRangeSlider");
obj_slider.slObj[type] = temp_obj;
},
sliderOnSlide: function(e){
var slider_id = document.getElementById('range_display_price_footer');
slider_id.innerHTML = e.values.toString().replace(",", " - ");
},
sliderOnChange: function(e){
alert(obj_slider.slObj['slider_estimated_val_footer'].values());
}
};
obj_slider.slider_initialise('slider_price_footer',100,10000000,10000,10000,'both');
</script>
##############################################################################################
if i call slider_initialise function with min=0 and max=1000000
BUT if change the min value other than zero like 100 as shown in code above, both of the slider handler (knob) shrink together on the left side.
Please help me how do i fix this.
Thank you!