ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

Help / Developing an application or website / Controls, windows and pages / Controls: Available types / Slider control (WEBDEV)
  • Slider control overview
  • Page control
  • Creating a Slider control
  • Characteristics of the Slider control
  • Orientation of the Slider control
WINDEV
WindowsLinuxUniversal Windows 10 AppJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac CatalystUniversal Windows 10 App
Others
Stored procedures
Slider control overview

Page 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.
WEBDEV proposes two types of sliders:
  • linear slider: Made of a ruler and a cursor, this control is very useful to allow the Web user to enter a value in a given interval.
  • range slider: This slider is a linear slider with 2 cursors. It allows the Web user to define an interval of values. For example, on a business site, this control allows the Web user to define a range of prices in order to filter the products.
Creating a Slider control
To create a Slider control:
  1. On the "Creation" tab, in the "Graphic controls" group, expand "Slider" and select the desired type of 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.
WINDEV Remark: WINDEV also proposes a Slider control. For more details, see Slider control.
Characteristics of the Slider control
The "General" tab of the Slider control is used to specify the main characteristics of the control:
  • Orientation: You have the ability to use a horizontal slider or a vertical slider.
  • Lower bound: Lower bound for the slider values.
  • Upper bound: Upper bound for the slider values.
For the linear slider only:
  • Initial value: Start position of the slider cursor.
For the range slider only:
  • Lower value: Start position for the lower cursor of the slider.
  • Upper value: Start position for the upper cursor of the slider.

Orientation of the Slider control

A Slider control can be oriented horizontally or vertically.
To modify the orientation of a Slider control:
  1. Select the Slider control in the page.
  2. Select "Choose a WEBDEV style" in the context menu of the control.
  3. In the window that is displayed, select a style of vertical slider.
  4. Validate.
Related Examples:
The features of Drag And Drop HTML5 Unit examples (WEBDEV): The features of Drag And Drop HTML5
[ + ] Using the Drag n Drop HTML 5 features in a WEBDEV site.
Minimum version required
  • Version 18
Comments
Click [Add] to post a comment

Last update: 06/22/2023

Send a report | Local help