Slider SAP SE <h3>Overview</h3> A {@link sap.m.Slider} control represents a numerical range and a handle. The purpose of the control is to enable visual selection of a value in a continuous numerical range by moving an adjustable handle. <b>Notes:</b> <ul><li>Only horizontal sliders are possible. </li> <li>The handle can be moved in steps of predefined size. This is done with the <code>step</code> property. </li> <li>Setting the property <code>showAdvancedTooltip</code> shows an input field above the handle</li> <li>Setting the property <code>inputsAsTooltips</code> enables the user to enter a specific value in the handle's tooltip. </li> </ul> <h3>Structure</h3> The most important properties of the Slider are: <ul> <li> min - The minimum value of the slider range </li> <li> max - The maximum value of the slider range </li> <li> value - The current value of the slider</li> <li> progress - Determines if a progress bar will be shown on the slider range</li> <li> step - Determines the increments in which the slider will move</li> </ul> These properties determine the visualization of the tooltips: <ul> <li> <code>showAdvancedTooltip</code> - Determines if a tooltip should be displayed above the handle</li> <li> <code>inputsAsTooltips</code> - Determines if the tooltip displayed above the slider's handle should include an input field</li> </ul> <h3>Usage</h3> The most common usecase is to select values on a continuous numerical scale (e.g. temperature, volume, etc. ). <h3>Responsive Behavior</h3> The <code>sap.m.Slider</code> control adjusts to the size of its parent container by recalculating and resizing the width of the control. You can move the slider handle in several different ways: <ul> <li> Drag and drop to the desired value</li> <li> Click/tap on the range bar to move the handle to that location </li> <li> Enter the desired value in the input field (if available) </li> <li> Keyboard (Arrow keys, "+" and "-") </li> </ul> sap.ui.core/Control Defines the width of the control. Indicates whether the user can change the value. The name property to be used in the HTML code for the slider (e.g. for HTML forms that send data to the server via submit). The minimum value. The maximum value. Define the amount of units to change the slider when adjusting by drag and drop. Defines the size of the slider's selection intervals. (e.g. min = 0, max = 10, step = 5 would result in possible selection of the values 0, 5, 10). The step must be positive, if a negative number is provided, the default value will be used instead. If the width of the slider converted to pixels is less than the range (max - min), the value will be rounded to multiples of the step size. Indicate whether a progress bar indicator is shown. Define the value. If the value is lower/higher than the allowed minimum/maximum, the value of the properties <code>min</code>/<code>max</code> are used instead. Indicate whether the handle tooltip is shown. Indicate whether the handle's advanced tooltip is shown. <b>Note:</b> Setting this option to <code>true</code> will ignore the value set in <code>showHandleTooltip</code>. This will cause only the advanced tooltip to be shown. Indicates whether input fields should be used as tooltips for the handles. <b>Note:</b> Setting this option to <code>true</code> will only work if <code>showAdvancedTooltip</code> is set to <code>true</code>. Enables tickmarks visualisation This event is triggered after the end user finishes interacting, if there is any change. The current value of the slider after a change. This event is triggered during the dragging period, each time the slider value changes. The current value of the slider after a live change. A Container popup that renders SliderTooltips The actual type should be sap.m.SliderTooltipContainer Scale for visualisation of tickmarks and labels Default scale for visualisation of tickmarks, if scale aggregation is not provided Multiple Aggregation for Tooltips Aggregation for user-defined tooltips. <b>Note:</b> In case of Slider, only the first tooltip of the aggregation is used. In the RangeSlider case - the first two. If no custom tooltips are provided, the default are used Invisible text for handles and progress announcement Association to controls / IDs which label this control (see WAI-ARIA attribute <code>aria-labelledby</code>).