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

Community Tip - You can change your system assigned username to something more personal in your community settings. X

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

VN_10171538
4-Participant

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 .

ACCEPTED SOLUTION

Accepted Solutions
Velkumar
19-Tanzanite
(To:VN_10171538)

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
Velkumar
19-Tanzanite
(To:VN_10171538)

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

VN_10171538
4-Participant
(To:Velkumar)

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

Velkumar
19-Tanzanite
(To:VN_10171538)

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

 

 

 

 

 

Announcements


Top Tags