ONLINE HELP
 WINDEVWEBDEV AND WINDEV MOBILE

This content has been translated automatically.  Click here  to view the French version.
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 Slider controls
  • Orientation of the Slider control
WINDEV
WindowsLinuxJavaReports and QueriesUser code (UMC)
WEBDEV
WindowsLinuxPHPWEBDEV - Browser code
WINDEV Mobile
AndroidAndroid Widget iPhone/iPadIOS WidgetApple WatchMac Catalyst
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 potentiometer: Consisting of a ruler and a cursor, this field is very useful for prompting the user to enter a value within a given range..
  • interval potentiometer: This slider is a linear potentiometer with 2 sliders.. 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. In the "Creation" pane, in the "Graphic controls" group, scroll down to "Slider" and select the type of slider to be created:
  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 Note: WINDEV also offers a Slider control field.. For more details, see Slider control.
Characteristics of Slider controls
The "General" tab of the Slider control is used to specify the main characteristics of the control:
  • Orientation: a horizontal or vertical slider can be used..
  • Minimum terminal: Start terminal for slider values.
  • Maximum bound: extreme bound of slider values.
For the linear slider only:
  • Initial value: Starting position of the slider cursor.
For the range slider only:
  • Lower value: Starting position of the lower slider of the slider.
  • Upper value: Starting position of the upper slider 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: 09/24/2024

Send a report | Local help