• Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

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.