|
|
|
|
|
|
|
|
|
|
- Slider control overview
- Page control
- Creating a Slider control
- Characteristics of Slider controls
- 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 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: - In the "Creation" pane, in the "Graphic controls" group, scroll down to "Slider" and select the type of slider to be created:
- 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 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: - 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.
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|
|