4-Participant

Solved

How can I add different icons for a tabset in version 9.4

3 replies
1065 views
Translate All

I tried to use custom css and went for @supports ..... custom css, but this is impacting other mashups and showing icon there as well .

Design

19-Tanzanite

Hi @VN_10171538

Please check this post - Solved: Custom CSS new syntax for specific button - PTC Community

You can use @support with widget element ID to change specific tabset icons

/VR

Answer

19-Tanzanite

Hi @VN_10171538

Please check this post - Solved: Custom CSS new syntax for specific button - PTC Community

You can use @support with widget element ID to change specific tabset icons

/VR

Translate

Author

4-Participant

I did but that is impacting other mashups its reflecting the icon in other mashups where its not needed

Translate

19-Tanzanite

Hi @VN_10171538

If you use elementId in CSS it won't affect other mashup tabset icons

For example: I have changed the width of Tabset with element id : root_ptcstabset-117

@supports (ptcs-style-unit: "#root_ptcstabset-117.PTCS-TABSET"){
 [part~=tabs-tab] {
 		width: 15px;
 		background: #ffffff;
 		border-radius: 0px;
		border-bottom-color: #d8dbde;
 		border-top-color: #d8dbde;
 }
}

And it does not affect other tabset in the same mashup

/VR

Translate