Working With Slider Controls in a Page

A slider control is a horizontal track with a marker that you can slide between a minimum and maximum value. This versatile control is often used to choose a numeric value within a fixed range. An example of a slider control is shown in following image.

Procedure: How to Create a Slider Control Using WebFOCUS Designer

1. On the WebFOCUS Home Page, on the Common tab or Designer tab of the Actions bar, click Chart.

   The Open dialog box opens.

2. Select a data source in the Open dialog box and click Select.

   WebFOCUS Designer opens in chart mode.

3. Create a chart.

   To learn more about creating charts in WebFOCUS Designer, see the Creating Charts topic.

4. Drag a measure field into the Filter toolbar.

   A control appears, allowing you to select default values for the filter parameter, as shown in the following image.

   

5. Set the default range of values for the filter.
6. Optionally, right-click the the control on the Filter toolbar and click Greater than or Less than to select only the minimum or maximum value for the filter.

   When a parameter using one of these options is added to a page in WebFOCUS Designer, the control is a slider with a fixed start or end point.

7. Save your changes and exit WebFOCUS Designer.
8. On the WebFOCUS Home Page, on the Common tab or Designer tab of the Actions bar, click Page.

   WebFOCUS Designer opens in page mode.

9. In WebFOCUS Designer, select a page template and then, from the Resource selector, drag your new chart to the canvas.

   The Quick Filter button appears on the toolbar with the badge icon indicating that filters are available. If the parameter used the range option, the Quick Filter button indicates that two parameters are available, resulting in a slider where you can adjust both heads. If the parameter used the Greater than or Less than option, the Quick Filter indicates that one parameter is available, resulting in a slider where you can adjust either the minimum or maximum slider head.

10. Click the Quick Filter button.

    The slider control displays in the filter grid, as shown in the following image.