|
|
|
|
|
|
|
|
- Slider control overview
- Page control
- Creating a Slider control
- Characteristics of the Slider control
- Orientation of the Slider control
The Slider control (in a page)
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" tab, 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 characteristics of the control, select "Description" in the context menu. 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: - Select the Slider control in the page.
- Select "Choose a WEBDEV style" in the context 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.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|