Set Conditional Visibility for Individual Tabs in Lightning App Builder

After the Summer ’24 release, it is now possible to set component visibility for tabs. Tab visibility is similar to component visibility in that it allows administrators to control the display of individual tabs on a Lightning page based on specific criteria or conditions. This feature enhances the customization and dynamic nature of user interfaces within Salesforce

Here’s a step-by-step guide to achieve this:

Step 1: Navigate to Setup | Object Manager | Account | Lightning Record Pages and Edit the right page.

Step 2: From there, click on the tab on which you want to set visibility conditions within the Tabs section.

Step 3: Then click on the tab property to configure the Component Visibility.

Open Lightning Record Pages

Figure 1: Open Lightning Record Pages to set visibility conditions.

Step 4: Set Component Visibility

Click + Add Filter

Row 1:

Field: Type

Operator: Equal

Value: Technology Partner.

Add filter on Tab

Figure 2: Add filter on Tab to set visibility conditions.

Step 5: Click Done and Save.

Step 6: If the Type field is not Technology Partner, the News tab will be hidden on the Account Lightning Record Page.

visibility criteria

Figure 3: The tab is Hidden when visibility criteria is not met.

Step 7: If the Type field is Technology Partner, the News tab will be visible on the Account Lightning Record Page.

Visibility criteria Visible

Figure 4:The tab is Visible when Visibility criteria is met.

Conclusion

By setting conditional visibility for individual tabs, you can ensure that users only see the tabs relevant to them, enhancing the user experience and making the interface cleaner and more intuitive.

For any queries on this blog please reach out to support@astreait.com