The Slider control (in a page)

ONLINE HELP
WINDEV, WEBDEV AND WINDEV MOBILE

Version:

Home | Sign in | English

Help

Editors

Controls (window/page/report)

Controls

Slider control (WEBDEV)

The Slider control (in a page)

Overview of Slider control

Creating a Slider control

Characteristics of Slider control

Related examples

See also

The Slider control (in a page)

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:

On the "Creation" pane, in the "Graphic controls" group, expand "Slider" and select the desired type of slider:
Click at the desired location to create the control. The control appears in the editor.

To view the control characteristics, select "Description" in the popup menu of the control.

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:

Select the Slider control in the page.
Select "Choose a WEBDEV style" from the popup menu of the control.
In the window that is displayed, select a style of vertical slider.
Validate.

Related Examples:

Unit examples (WEBDEV): The features of Drag And Drop HTML5

[ + ] Using the Drag n Drop HTML 5 features in a WEBDEV site.