User Experience

Tabs

In the example below, the visbility of the Title field depends on the First Name and Last Name.
When First Name is “John” and Last Name is “Doe”, the Title field is visible, along with the tab group the field is in.

When First Name is “John” and Last Name is “Wick”, the Title field is hidden, and the now empty Group 1 tab is hidden as well.

Accordions

As with tabs, the same is true of accordions.

By following the same steps as the tabs, the Group 1 accordion also gets hidden when empty.

Tab Groups

The logic to hide tabs applies not only to individual tabs but the entire tab group.

When one tab is empty, the tab is hidden.

When all tabs are hidden, the entire tab group is hidden.

Accordion Groups

Accordion Groups work similary as Tab Groups.

When one accordion is empty, the accordion is hidden.

When all accordions are hidden, the entire accordion group is hidden.