Updated: January 26, 2022

Switch Form Cell

FUISwitchFormCell

Intro

A switch form cell is used to toggle two mutually exclusive states: on and off.

It is used to control the availability of related UI elements on the current screen and should always be used in a table cell.

Switch control toggled off (left) and on (right)
Switch control toggled off (left) and on (right)

Behavior and Interaction

To change the state of a switch form cell, a user can tap on the toggle button.

Variations

Switch without further selection

The label describes what the switch control is for. When a switch is enabled, the value changes to On.

Switch control without further selection
Switch control without further selection


Switch with further selection

Avoid adding text to describe the value of a switch form cell. If the switch form cell requires further definition, add a cell row through which a user can drill down for additional information. For example, the additional cell row may be a date picker or a list picker.

Switch with further selection (date picker)
Switch with further selection (date picker)

Resources

Development: FUISwitchFormCell

SAP Fiori for Android: Switches