Questions on Kendo UI for jQuery Forum

3 answers

169 views

Is there a way to set the "Drag" tooltip for kendo slider? I currently see the tooltip appearing as "Drag" and could not found a way to set it. Can you please let me know hot to set the custom tooltip in place of "Drag".

Slider

answered on 10 Sep 2015

1 answer

233 views

Slider not Sliding

Hello,

I'm currently having issues with the sliders not sliding in the KendoUI framework. In the AppBuilder Companion App and the In-Browser Client, you can slide the sliders at first, but if you click on the slider track to change the value, you can no longer slide the slider. I've tried these two different ways to instantiate the sliders:

<input id="slider" data-role="slider" />

and

<div id='slider'></div>
<script>
$(function () { $("#slider").kendoSlider() });
</script>

I've also tried disabling the pointer-event on the slider-track. This does allow the user to keep sliding the draghandle, but disables the use of the sliders for the Windows Client.

Thank you for your help,

Stephanie

Slider

answered on 07 Aug 2015

1 answer

379 views

Slider issue when not initially visible on the view

We've run into a minor problem with the Kendo slider. When navigating to a new view, if that view has a slider (or multiple sliders) on it that are in an element that is not visible, the user can not change the value of the slider with the mouse. You can use the left/right arrows to change the value (and the events fire), but the slider won't move.

If you then navigate off of the view, and then back onto that same view, the slider then works. I've put a little demo together in the Dojo that illustrates what I'm talking about:

http://dojo.telerik.com/ihExU

Click "Load Secondary View:
Click "Show Panel 2"
Try to move the slider with the mouse, and then try with the keyboard arrows
Click "Back"
Click "Load Secondary View"
The slider now works, and has the value that was previously "set" by the arrow keys.

Any suggestions as to a workaround?

Slider

answered on 26 Jun 2015

1 answer

189 views

Changing slider configuration dynamically

Is there a way to change slider configurations dynamically at run time? One of my requirements is to have a slider with a max that gets bigger and bigger each time the tick hits the right side. For example,

100, 1000, 10000

I've see a widget.refresh() function on some other Kendo widgets.

Slider

answered on 17 Jun 2015

1 answer

80 views

Binding range slider to ng-models

Are we able to bind the left and right side of the sliders to ng-models? For example, this is what I expect to be able to do:

http://dojo.telerik.com/OCuTI/73

Slider

answered on 10 Jun 2015

1 answer

37 views

Custom intervals

Is there a solution yet for setting a custom intervals for each step in the slider? I have a requirement for a slider that looks like this

3, 5, 10, 15, 20, 25, 30, 35, 39

Slider

answered on 09 Jun 2015

7 answers

306 views

Dynamically enable/disable slider issue in IE

I have a kendo angular slider and numeric textbox like below:
<div kendo-slider style="float:left;margin-right:10px;" id="slider2" k-min="0" k-max="100" ng-disabled="false"></div>
<input id="textBox2" kendo-numeric-text-box k-min="0" k-max="100" style="width:60px;" k-options={format:'0.'} ng-disabled="false" />

Now on click of a checkbox, I need to toggle the slider and textbox between enable/disable. I am doing it like this:

var slider2 = $("#slider2").data("kendoSlider");
slider2.enable(true);
var textBox2 = $("#textBox2").data("kendoNumericTextBox");
textBox2.enable(true);

In chrome it is working but in IE (version 11) it is not.I have also created a standalone , here also the same issue.

http://dojo.telerik.com/oGuqa/3

Thanks in advance.

Regards
Satabdi

Slider

answered on 23 Apr 2015

1 answer

37 views

Gauge-style ranges

I require coloured ranges on my Kendo sliders, similar to the ranges on the Kendo LinearGauge and RadialGauge. Is there some way I can achieve this, or do you plan to add it as functionality at some point in the future?

Slider

answered on 15 Apr 2015

1 answer

66 views

What are the js files to get Slider with Angular

I am trying to get the kendo slider with AngularJS (as mentioned in demo http://demos.telerik.com/kendo-ui/slider/angular). However I don't want to use "kendo.all.min.js" as the size of file is too large. I instead tried including "kendo.core.min.js", "kendo.angular.min.js", "kendo.slider.min.js" to get the slider. I can see the slider on UI, but its not working as expected. I can see below error :

"Error: m is not a constructor
Z.Drag@http://localhost:48370/Scripts/lib/kendo.slider.min.js:9
Z<.init@http://localhost:48370/Scripts/lib/kendo.slider.min.js:9
..."

Please let me know what all .js files I need to include to make it work properly.
A quick response with possible working demo will be of lot help.

Slider

answered on 23 Mar 2015

2 answers

38 views

Slider in angularjs is not properly bound to the ng-model property

Hi

In a specific context where a set of sliders are hosted in different kendo tabs,
only the sliders contained in the tab that is accessed first will have their cursors initialized at their proper
position. The sliders in all other tabs will be set at 0.

This plunk illustrates the issue
http://plnkr.co/edit/FP8c5o?p=info

Each tab has a slider with 100 positions, each should be initialized a 75. Click on Tab1 at first, position is correct but Tab2's slider is wrong,
Do the reverse and the roles will switch.

This issue seems to have appeared around Kendo 2014 Q2 SP1 (2014.2.903) and can be seen in all subsequent versions.

In the plunk's index.html file, if you revert back to Kendo 2014 Q2 ( 2014.2.716 ) all the sliders start to behave as I would expect.

Thanks

Mathieu

Slider