cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Community Tip - Need to share some code when posting a question or reply? Make sure to use the "Insert code sample" menu option. Learn more! X

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

VN_10171538
3-Visitor

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

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

1 ACCEPTED SOLUTION

Accepted Solutions

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

View solution in original post

3 REPLIES 3

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

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

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

Velkumar_0-1708941740735.png

 

/VR

 

 

 

 

 

Top Tags