Telerik Forums
Kendo UI for jQuery Forum
0 answers
108 views

Hello,

I'm reading some datasets from a database and use the values to fill a grid - and on the other hand fill a small form.

The form contains among others a rangeslider.  After a quick Google search I was pointed to the Telerik Forums.

So now I do it with the following code-section

   var rangeslider = $("#rangeslider").data("kendoRangeSlider");
   var rangeValues = [currentDataItem.MinPosition, currentDataItem.MaxPosition];
   rangeslider.setOptions({
      min: 0,
      max: currentDataItem.MaxPositionMeter,
      smallStep: 1,
      largeStep: 10,
      tickPlacement: "both"
   });
   rangeslider.value(rangeValues);

My problem is :
exemplary section of the data-grid
0, 704, 800
48, 752, 800
96, 800, 800

the first 2 numbers "serve" value-array and 800 as the max-parameter.
First 2 lines get displayed correctly, but the 3rd row behaves wierdly. The selection start-marker is displayed correctly, but whatever data-row was displayed at first, determines where the selection-end marker of the rangeslider is drawn, so it doesn't "move" - and the selection-range is displayed with correct length - but as the selection-end marker is not at the correct position the selection suddenly goes beyond  the selection-start marker.

Is there anything I can do to prevent this weird behavior? Is it a problem when the value for selection-end is equal to max?

For reference I include a screenshot of the rangeslider drawn when going from data-row 2 to row 3

The min-value is always 0 for all 3 data-rows

Sven
Top achievements
Rank 1
Iron
Iron
Iron
 updated question on 18 Jan 2022
0 answers
41 views

I have a slider on a page set to a min/max of 0 and 100.   The min/max of this slider is variable and changes depending on what a user has selected in a dropdownlist.  For example, when the user selects an item in the dropdownlist, I change the slider's min/max value of 10 and 50 using setOptions.

 var slider = $("#slider").data("kendoSlider");
                slider.setOptions({
                    min: 10,
                    max: 50,
                    smallStep: 1,
                    largeStep: 5,
                    value: 10
                });

slider.resize();

This seems to work as the slider updates to the properties I set in setOptions.  But after I do this, it doesn't consistently let me jump to a value in the slider.   For example, if I try to click the slider line at 40, the slider won't move to it.  Sometimes it will, sometimes it won't.   If I drag the slider ball to a number it works fine, if I user the increase/decrease arrow buttons it works fine.  But clicking on a number in the slider bar does not work.  

- This jumping to a number in the slider works fine before I dynamically change the properties using "setOptions".
- This problem occurs regardless of what property in the slider I change using "setOptions". 

Any ideas? Thanks.

Werdna
Top achievements
Rank 1
 asked on 22 Jul 2021
0 answers
50 views
how to set vertical Slider with range like horizontal Slider

thx@!!!!!!!!!!
xu
Top achievements
Rank 1
 asked on 11 Oct 2012
0 answers
50 views
Hi all,

I am new to the kendo.I am creating some samples using it.I just want to know how to implement slider in a asp.net grid. I want to have three columns as sliders . In addition to that how can I get the values?

Kindly help me.

Thanks in advance

Regards,
Devanand.
Devanand
Top achievements
Rank 1
 asked on 10 Jul 2012
0 answers
182 views
Hello Friends,

I need help to add increase and decrease button to slider for example check here http://demos.kendoui.com/beta/web/slider/index.html .

 I need that increase and decrease arrow to my slider. i have written code for slider you can check below it works fine. But i have given step 100 for slider when user slide slider value does not get slide by 100. So i decided to use increase and decrease button to my slider same as like here http://demos.kendoui.com/beta/web/slider/index.html. Looking for someone help. Thanks in advance.
  
/// My slider code................

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>Untitled Document</title>
<link href="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/themes/base/jquery-ui.css" rel="stylesheet" type="text/css"/>
<script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4/jquery.min.js"></script>
<script src="http://ajax.googleapis.com/ajax/libs/jqueryui/1.8/jquery-ui.min.js"></script>
<script>


$(document).ready(function() {


 //slider example 1

 $("#slider2").slider({
     min: 0, //minimum value
     max: 999999, //maximum value
     value: 0, //default value
step: 100,
     slide: function(event, ui) {
         $("#value2").val(ui.value);
         }
     });
 $("#value2").val($("#slider2").slider("value"));
 
});
</script>
</head>




<body>


<form action="" method="get">


<br/>


<input type="text"  name="rahul"id="value2" maxlength="7"/>


<div id="slider2"></div>


</form>


</body>


</html>



Thank you,
Rahul



Rahul
Top achievements
Rank 1
 asked on 15 Mar 2012
0 answers
59 views
On init now the to input boxes have no value. It takes an event to put it there. 

If the user doesn't change anything it would still be nice to be able to get the values from the input fields.

Edit. Ok the values are there wasn't showing in the DOM though. Sorry for a false alarm.
Olle
Top achievements
Rank 1
 asked on 11 Jan 2012
0 answers
36 views
0 answers
75 views
Hello,

 I want to ajax post to a url when I change the slider value. But it posts every-time when I initialize the slider. For example : 

 $("#abc").kendoRangeSlider({

    .......................................
change:changeFunction
 
}); 

I want to call the changeFunction only when I am changing the slider values. NOT while I initialize the slider itself. The reason is that  I need to ajax different URLs while initialize and change values.

Please help me how can I get around it ?
Thanks. 
Umesh
Top achievements
Rank 1
 asked on 19 Dec 2011
0 answers
128 views
How to make after creating Slider tooltip was visible and would never hide ?
DDarko
Top achievements
Rank 1
 asked on 14 Dec 2011
Narrow your results
Selected tags
Tags
+? more
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Mark
Top achievements
Rank 1
Yurii
Top achievements
Rank 1
Leland
Top achievements
Rank 2
Iron
Iron
Iron
Hon
Top achievements
Rank 1
Iron
Deltaohm
Top achievements
Rank 3
Bronze
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?