Add different image/icon for each tab in ptcstabset

[nikkolasep]

I'm using ThingWorx 9.1.6-b746 and want to add different image/icon for each tab in ptcstabset. Unfortunately using the standard style properties is not possible. Is there a way to do? I tried to use CSS but having problem to select and add the image to a specific tab.

Thanks in advance

[slangley]

Hi @nikkolasep.

It looks like you'll need to use one of the legacy tab widgets for now.  You can find the legacy widgets by selecting Legacy in the Category field.

Regards.

--Sharon

[nikkolasep]

Hi Slangley,

thanks for your response. You're right, there is an older type version of tab widget, which allows adding image on it. But unfortunately this widget will soon be deprecated and I would like to make it on the newer tab widget version, which doesn't allow adding image directly via properties.

There is another suggestion to use custom css below:

.widget-ptcstabset::part(tabs-tab-label){
font-size: 0px !important;
background-image:url("/Thingworx/FileRepositories/SystemRepository/download.png") !important;
}

The issue with this method is that, this only allows us to give all tabs same background image or in other words we are still unable to give different background images to each tab.

I'm looking forward to further tips or solutions.

[slangley · Accepted solution]

Hi @NP_10043951. 

Short of developing your own widget, I don't have another solution.

Note that we have received no date for removal of the deprecated widgets, so using a legacy widget would still be an option.  The replacement may at some point we updated with the missing features and you could update it at that time.

Regards.

--Sharon

[slangley]

Hi @nikkolasep.

If you feel your question has been answered even if it wasn't the answer you wanted, please mark the appropriate response as the Accepted Solution for the benefit of others with the same question.

Regards.

--Sharon

[nikkolasep]

Unfortunately, there is no other solution but creating a customized widget.