Icon in perspective tab？

Tony · February 20, 2020, 6:10am

Hello，
Is there a way I can add an icon in a tab?
Label the tab an icon instead of “Events”.

cmallonee · February 20, 2020, 3:40pm

If you hover over the tabs property, you can see that we allow for Views to be used there, so yes, you can use an Icon.

To do this:

Create a small View (probably with a Flex layout with dimensions of 30x30) which contains your Icon; we will call this “ViewA”
Right-click the 1 within tabs and select “Change to” > “Object”.
Add a new property to this object with a key of viewPath.
Supply the path to ViewA as the value for viewPath.

Tony · February 21, 2020, 6:38am

Thanks.I’ve solved my problem.

oyvind.handeland · March 31, 2025, 3:05pm

When you add an icon to the tab: Is it possible to also get the same background color as the default tab color? That will change according to the theme colors?

Transistor · March 31, 2025, 3:22pm

Did you set the icon's view background to transparent? Add in,
PROPS.style.backgroundColor : #77777700

The four hex bytes define RGBA where 'A' is the opacity.

oyvind.handeland · April 1, 2025, 7:36am

Yes, my background color for the symbol was transparent. For some reason I had to manually add active style properties for this new tab to have the same styling as the other tabs. In the picture underneath you see the two tabs active. The one to with the symbol looses all it's style: