PC SOFT

WINDEVWEBDEV AND WINDEV MOBILE
ONLINE HELP

Home | Sign in | English UK
  • Overview of Slider control
  • Page control
  • Creating a Slider control
  • Characteristics of 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/iPadApple WatchUniversal Windows 10 AppWindows Mobile
Others
Stored procedures
Overview of Slider control

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" pane, in the "Graphic controls" group, expand "Slider" and select the desired type of slider:
  2. Click where you want to create the control. The control appears in the editor.
To view the control characteristics, select "Description" in the popup menu of the control.
WINDEV Remark: WINDEV also proposes a Slider control. See Slider control for more details.
Characteristics of Slider control
The "General" tab of the Slider control is used to specify the main characteristics of the control:
  • Angle: You have the ability to use an 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" from the popup 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