PC SOFT

ONLINE HELP
FOR WINDEV, WEBDEV AND WINDEV MOBILE

Home | Sign in | English US
  • 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 type of slider to create:
  2. Click the position where the control will be created in the window. The control appears in creation mode.
To display the control characteristics, select "Description" from the popup menu of control.
WINDEV Note: 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 required version
  • Version 18
Comments
Click [Add] to post a comment