Progress Telerik UI for ASP.NET Core

Slider

  • Use the ASP.NET Core Slider to allow users to easily select numerical values. Featuring orientation, ticks and tooltips for a smooth user experience in any app scenario.
  • This control is part of the Telerik UI for ASP.NET Core suite along with 100+ fully-featured UI components designed to speed up delivery & improve every aspect of your workflow.
  • Manage each project and plan dev time accordingly using the public product roadmap, regular releases, extensive learning resources and outstanding technical support team.

Core_HeaderImg
Nasa, Visa, Microsoft Fox, Samsung, IBM World Bank Group, Volvo
  • Overview

    The Telerik UI for ASP.NET Core Slider component is an input control for selecting a numeric value. You can configure the value to increment in steps or match a certain set of criteria, such as being divisible by or greater than a number. The control is completely customizable in terms of appearance and offers flexible configuration options as orientation, ticks functionality, tooltips and more. 

    See the ASP.NET Core Slider in action
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Orientation

    The visual representation of the Slider component can be augmented for any specific scenario – it can stand horizontal or vertical with a switch of a setting.
  • Tooltip

    The tooltip of Telerik ASP.NET Core Slider enables the user to see the value of the slider's thumb while dragging it. Easily enable or disable the ToolTip in the Slider component in a single setting. 
  • HTML & Tag Helpers

    Telerik UI for ASP.NET Core Slider offers two options for declaring UI components – through HTML or Tag Helpers. You can choose which approach to use based on preference, technology background or team development practice. Both HTML and Tag helpers allow you to lay out the Slider and its configuration with a simple and easy-to-read HTML-like or Razor syntax. 
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Flexible client-side API

    The ASP.NET Core Slider provides a flexible client-side API allowing you to change all exposed properties, as well as instantiate a Slider control directly on the client.

    Check the ASP.NET Core Slider API demo to learn more.
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • RTL Support

    Right-to-left support is available for languages like Arabic and Hebrew, in which users read from right to left. You can satisfy any cultural preference with the ASP.NET Core Slider by toggling between left-to-right and right-to-left alignment with only a few settings. 
    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
  • Keyboard Navigation 

    Users who prefer to use their mouse as little as possible would appreciate the built-in keyboard support for the Slider. The component is fit to be navigated with only a keyboard by several key bindings: 

    •  Arrows move the value in the corresponding direction  

    • PageUp/PageDown move the value using a larger step    

    • Home/End immediately maximizes/minimizes the given value with its defaults 

    Telerik.Sitefinity.Libraries.Model.Image..AlternativeText
Get Started Waves

Next Steps

Launch demos

See Telerik UI for ASP.NET Core in action and check out how much it can do out-of-the-box.

Compare pricing

Check out the offers. Purchase an individual suite, or treat yourself to one of our bundles.

Download Free Trial

Try Telerik UI for ASP.NET Core with dedicated technical support.