Last Updated: 11 Nov 2023 08:41 by ADMIN
Release 5.0.0 (15 Nov 2023) (R1 PI1)

Why are the slider buttons of type 'submit' and how do I change them not to be?



Temporary solution:

@inject IJSRuntime js

<TelerikSlider @bind-Value="@SliderValue"

<script suppress-error="BL9992">
    window.changeButtonTypes = function () {
        var buttons = document.querySelectorAll(".k-slider button");
        for (var i = 0; i < buttons.length; i++) {
            buttons[i].type = "button";

@code {
    public int SliderValue { get; set; }

    protected override async Task OnAfterRenderAsync(bool firstRender)
        if (firstRender)
            await js.InvokeVoidAsync("changeButtonTypes");

Last Updated: 21 Mar 2023 12:07 by Patrik Madliak

I try to use your slider but when pressed (left/right) arrows the value is not moving correctly. 

(value 1, min value -1, max value 7, step size 2). I press the right arrow and the value is moved to "2" but I expected that slider will be moved to "3". I would expect that the values will change according to the values displayed on the scale (similar to when dragging), not on values that are not visible.

Here is a repro: REPL.

See jQuery for comparison:

Last Updated: 02 May 2022 11:43 by Steve
Created by: Steve
Comments: 0
Category: Slider
Type: Bug Report


In case the Change event is used for updating the Value, the interactions of the Slider component will stop working. The issue stems from using the Value parameter to trigger the onchange.

Reproduction (if bug)

  1. Focus the slider
  2. Press the keyboard arrows

Current (if bug)

The value does not change

Expected (if bug)

The value should change. Change event should fire with the upcoming value and not the old one.

Browser (if bug)


Project type (if bug)


Last Updated: 27 Oct 2021 08:48 by ADMIN
Release 2.28.0



Could an additional event be exposed on the Slider control? (like OnDrag?)


Have noted that "ValueChanged" is fired every time the value parameter changes (after the user stops dragging the handle), but is it possible to expose the event & value of slider during drag?


This will allow the slider to be used like a search, for example; slide quickly through a large series of photos or data (without letting the mouse button go).


Or is there another way we could achieve this with this control?





Last Updated: 29 Sep 2021 17:46 by ADMIN
Created by: René
Comments: 6
Category: Slider
Type: Bug Report

When setting slider value by clicking on a position within slider the ValueChanged event does not always fire.  In those cases the slider looks as if set to the correct value but the connected Value is not updated. 

Unfortunately I could not find a reproducible pattern for this to happen.  Sometimes it occurs on the first or second click but sometimes it takes many clicks for the error to occur again.

The problem sometimes also occurs if setting the value not by clicking on a position but by dragging the slider.  In both cases (clicking on position and sliding) the GUI is updated before the ValueChanged event is fired.  The error does not seem to occur if using the left/right buttons for setting a value.  In this case the ValueChanged event is fired first and then the GUI is updated.

This error renders the Slider Component useless for us because the user can never be sure whether or not the value has been set correctly.

Last Updated: 15 Jun 2021 19:05 by ADMIN
Created by: Robert
Comments: 1
Category: Slider
Type: Feature Request

I have a situation where I need to be able to let the user divide a value by multiple points, and I'd like to be able to implement it as a multi-slider control. Here's a real world situation:

A company has 3 products they sell, and wants to model each different product financially. I want them to be able to drag the sliders representing each product's total portion of revenue for the company, so that the ratios always add up to 100%.

An example of this is at the bottom of the page here:

Any chance this could be possible? Thanks!

Last Updated: 04 Feb 2021 01:11 by ADMIN
Release 2.22.0

The Slider Component only seems to work properly if the range is a multiple of 10.

<TelerikSlider @bind-Value="@MyInteger"

works as expected.  Same is true if Max is set to 20.  But if Max is set to 7 or 9 or 11 it does not work.  In those cases, clicking on the right arrow button does not do anything and after dragging the slider it magically moves back to 0.  Clicking on a value only works every second time.