Request to Hide Page Tabs and Horizontal Tabs for Specific Device Type

Forum
1

Hi Team,

We have a requirement for the Device Label Dashboard where we need to programmatically hide the page tabs and horizontal tabs, but only for a specific device type.

For your reference, I have attached a screenshot highlighting the two sections that we want to hide. This change should not affect other device types.

image

Please let us know how we can implement this conditionally or if any configuration is available to achieve this.

Thanks,

Rahul

2

Hi @rmishra1,

there are multiple ways to deal with this.

You could e.g. listen on navigation events via the angular router and in case you are navigating to your specific device type, you could apply a style sheet to hide the tabs section.

The other and probably cleaner option would be to override the TabsService and adjust it’s items$ Observable ( Web SDK documentation ) to filter out all tabs on specific devices.

Regards,
Tristan