Greetings,

Will the drag range feature (available in the telerik asp.net ajax) be added to the Kendo slider widget? Thanks.

RA

I'm using the jQuery implementation of the range slider in an angular project (because I don't see a range slider component for angular yet, only a single value slider).  I have this working by including the scripts locally, however, I'd like to pull them in via npm upon the bundling of the app via webpack.

Here are the entries from my angular-cli.json.  Webpack compiles successfully, however, scripts.bundle.js complains that the module related to kendo.all.js is not defined.

"styles": [
        "../node_modules/bootstrap/dist/css/bootstrap.min.css",       
        "../node_modules/@progress/kendo-theme-default/dist/all.css",       
        "styles.css"
      ],
      "scripts": [
        "../node_modules/jquery/dist/jquery.min.js",
        "../node_modules/bootstrap/dist/js/bootstrap.min.js",       
        "../node_modules/sortablejs/Sortable.min.js",
        "../node_modules/@progress/kendo-ui/js/kendo.all.js"
      ],

The result is that kendo.all.js looks the same as its entry in scripts.bundle.js.

I'm aware that I can include less than ALL to use the range slider, but I'm just trying to get this working first.

Hello,

I have a problem, when using floating point number as smallStep property i get uncorrect values and eventually the button of the slider stops working (does not want to increment or decrement after number)

Here is an example of the problem: Plnkr

Thank  you!

Below find my code. I am using MVVM to initate a range-slider. It appears that when the page loads, both knobs are to the left most side, instead of one at the min and one at the max. 

Please note: sometimes when the page loads, the knobs are positioned correctly. 

Please advise.

 

Hello,

I am using the range slider via MVVM. I noticed that when i define the width via inline style on the div that sets the range slider, the tick marks disappear. However, if the width is removed, the tick marks appear. Please advise? 

Edit: My range slider is sitting within a kendo template. I have attached a snippet of my code

 

Hi,

Is there any nice way to use a Kendo UI slider to select a scaling factor? Those typically go from 0.1 to 1.0 and then to 4.0 or 5.0 - with 1.0 (=100%) always in the middle and you might scale with other steps below 1.0 than above. But most import would be to have 1.0 or 100% in the very middle.

Using a normal slider with min=0.1 and max=4.0 does not really look nice to scale a view, component size, graphic or whatever.

Any hints?

Best regards,
Ricky

When using the slider with AngularJs, if I try to set a min or max value for the slider, the tick marks disappear - not sure if I'm doing something wrong or it's a bug...

 

Hello 

Initially the "internal" tooltip of KendoUI slider shows the value of the current position. I need to set a tooltip text for each position. Example of a slider with 3 values (1, 2, 3). Tooltip for each position:
1 - Ok
2 - Nice
3 - Great

By the documentation I can't figure how to set it directly (inital) or at runtime (trying to access/set tooltip text of slider in change/slide events but can't figure how to access the sliders tooltip).

Is there a way to set a tooltip-text for each slider-position?

Regards

I have an angular 2 application and I want to use the Kendo UI Slider on it.  I tried the Beta version of the "Kendo UI for Angular 2" but it did not work properly and I don't want to use a beta version. 

How can I use the normal kendo Slider with Angular 2?  I want the slider to have ticks with number tick labels.  I am using Visual Studio 2015.

 

Please help.

Hello,
Telerik team,

I am facing an issue while I am setting the maximum and minimum value of the slider, If i set minimum value as 0 and maximum value as 40000000 the page doesn't load at all. Here is the code below :

 var MInvestmentTarget = $("#MInvestmentTarget").kendoSlider({   
                    min: 0,
                    max: 40000000,
                    tickPlacement: "none",
                    showButtons: false
                }).data("kendoSlider"),
                    MInvestmentTarget = function (e) {
                        if (e.type != "keypress" || kendo.keys.ENTER == e.keyCode) {
                            var value = parseInt($("#InvestmentTargettxtBoxValue").val());
                            if (isNaN(value) || value < 0 || value > 40000000){
                                alert("Value must be a number between 0 and 40000000");
                                return;
                            }
                            MInvestmentTarget.value(value);
                        }
 }; 

The page takes a long time to load in any of the browser and finally it crashes.

If I give the maximum value as 4000000, it works perfectly fine. The page loads properly.

So I want to know if there is a limit on the Maximum value that can be given for the slider ?
Or is it a mistake in the code which is causing this error.

Awaiting your response

Thanks 
Pavan