Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

Overview

  • The Vertical Tabs

...

The vertical tabs component varies from the regular 'tabs' component, with the tabs arranged on the left in a vertical space, instead of on the top in a horizontal space.

The common custom tab settings are right-aligned and left-aligned.

...

Vertical tabs can be a better choice for a large number of items, as it is easier for the user to scan a vertical list of options. However, they may be less easy to understand and associate with their contents. Vertical tabs also provide scrolling on overflow.

...

  • is a container

  • The Vertical Tabs component is used for grouping the related content in a single container

  • Tabs can be added vertically and generally label displays on the left-hand side

  • If you click on the label of the tab, the related tab's contents are displayed on the right-hand side

  • All components except the Navigation Node can be added to the Vertical Tab

Attribute

Show Tabs On Right

  • Vertical Tabs are shown by default on the left side of the layout.

  • By checking the checkbox, the tabs will be displayed on the right side

...

Default Tab

  • You can select a Tab that will be displayed as the Default Tab

  • When the layout is rendered the Default Tab will be displayed on the Tabs

  • e.g. You have three tabs Personal Details, Educational Details, and Address Details and you set Educational Details as the default tab then you will land on the Educational Details tab when you open the form

...