Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Slider control
  • Slider control overview
  • Window control
  • Creating a Slider control
  • Creating a Slider control
  • Notes
  • Modifying the value of the slider at runtime with the mouse wheel
  • Swap
  • Characteristics of the Slider control
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WindowsLinuxPHPWEBDEV - Browser code
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Stored procedures
Slider control overview

Window control

A slider control is used to select a value between two bounds. Its operating mode is similar to the operating mode of a scrollbar. The current value is identified by a cursor that the user moves with the mouse (or with the mouse wheel).
Visual marks can be displayed. The cursor does not snap to these marks: the cursor of the slider is moved unit by unit. You can create:
  • standard sliders
    Standard slider
  • WINDEV round sliders
    Round Slider
Creating a Slider control

Creating a Slider control

To create a Slider control:
  1. On the "Creation" tab, in the "Graphic controls" group:
    • WindowsLinux expand "Slider" and select the type of slider to create:
    • Universal Windows 10 AppAndroidiPhone/iPadIOS WidgetMac Catalyst click "Slider".
  2. Click at the desired location to create the control. The control appears in the editor.
To view the characteristics of the control, select "Description" in the context menu.
WEBDEV - Server code Remark: WEBDEV also proposes a Slider control. For more details, see Slider control in Web.

Modifying the value of the slider at runtime with the mouse wheel

The user can modify the value of the slider with the mouse wheel: the cursor will move according to the step (the marks) defined for the slider.


WINDEV can convert a standard Slider control into a Round Slider and vice versa:
  1. Select the control to transform.
  2. On the "Modification" tab, in the "Transformations" group, expand "Refactoring and swapping" and select "Slider/Round slider".
AndroidiPhone/iPadIOS WidgetMac Catalyst

Characteristics of the Slider control

  • The slider cursor is necessarily an image.
  • You can use a native slider ("Native slider" option in the "Details" tab of the control description window). In this case:
    • the slider will automatically adapt to the system style. The graphic options defined for the Slider control (mark, cursor image, ...) will be ignored. The properties used to manage images associated with the control will be ignored.
    • the slider cannot be oriented vertically. Only horizontal sliders are supported.
Related Examples:
The Slider control Unit examples (WINDEV): The Slider control
[ + ] Managing a graphic slider with the WLanguage functions.
This example is using a graphic slider created from a background image and from a cursor image.
WINDEV allows you to easily customize your sliders. All you have to do is specify the slider image and the cursor image.
WM System Cross-platform examples (WINDEV Mobile): WM System
[ + ] This application is an example of some of the features of WINDEV Mobile available for Android/iOS.
The following system functions are used:
- Multimedia control
- Brightness
- Volume
- Wi-Fi
- Bluetooth
- Toast
- Compass
- Accelerometer
- Camera control
- Vibration
- Notifications
- Drawing functions
- Internet
WM Password Cross-platform examples (WINDEV Mobile): WM Password
[ + ] Web sites, bank accounts, ... passwords are everywhere in out life. With WM Password, no need to store all the passwords of your different accounts. The application stores all your passwords in a secure way. WM Password can also generate secure passwords for you.
Minimum version required
  • Version 9
This page is also available for…
Click [Add] to post a comment

Last update: 06/22/2023

Send a report | Local help