Slider Form Cell
FUISliderFormCell
Intro
A slider form cell displays a continuous range of values along a track.
With defined minimum & maximum values, a user can use their finger to slide the handle along the slider’s track in order to select a value between the set minimum and maximum values. A slider form cell is typically found in create and filter modals.
A slider form cell is best used when selecting a precise value that does not matter. If the exact value does matter, it is recommended to use a picker control.

Slider form cell
A. Label
Describes the value range of the slider.
B. Slider
Displays the default minimum and maximum values of a slider form cell based on the context and use within the app, while also indicating the selected value.
C. Hint Text (optional)
Provides additional information about the slider form cell.
D. Track
Indicates the range of values from which a selection can be made. The tinted or blue area highlights the selected section.
Avoid using long text for minimum and maximum values as they can shorten the track.
E. Value Input Field
Indicates the selected value.
F. Handle
Allows users to drag or position said handle to select and indicate the chosen value.

Slider form cell anatomy

Slider anatomy
A user can also just tap on the value input field to open up the keyboard and enter an exact value between the minimum and maximum values.

Tap the value input field to trigger keyboard to enter selected value
There are two variations available for the slider form cell: Single and Range
Single
A single slider variation allows the user to select a single value between a given range of values.

Example of single slider

Single slider states (top to bottom) – default, typing, disabled
Range Slider
A range slider variation allows the user to select a range of values between a given range of values.

Example of range slider

Range slider states (top to bottom) – default, typing (min.), typing (max.), disabled
Development: FUISliderFormCell
SAP Fiori for Android: Slider