• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Lightweight in ASP.NET Core Range Selector Control

This sample represents the total number of business and weekend days in a selected period.

DEMO
SOURCE

Calculate the Bussiness and Weekend days in a period


Total Business Days:
Total Weekend Days:

In this example, you can see how to render a light-weight range navigator without series. You can use width, height, fill and border properties to customize the thumb in range navigator. You can also change the type of the thumb using type property.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
100+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab