Skip to main content
N
NJ_1014476111-Garnet
11-Garnet
March 5, 2025
Solved

Custom CSS that worked fine in ThingWorx 9.2 is no longer working in ThingWorx 9.6

  • March 5, 2025
  • 2 replies
  • 711 views

I am using a Custom css code in mashup for a dropdown which is 
.widget-ptcsdropdown::part(item-value) {
color: white;
}
code working fine in thingworx version 9.2 but recently thingworx upgread to 9.6 version and same css code using in a mashup and it is not working.
So please give some suggestion on it. 

Best answer by PEHOWE

Hello @NJ_10144761 ,

 

I have looked into the issue and you are correct. There have been a large number of changes to the HTML code which is generated for the Widgets. 
Because of these changes your CSS is no longer valid. I did discuss the issue with the experts.  You will need to update your CSS to be compatible with ThingWorx 9.6.x and beyond.

There is now an article CS439465 - ThingWorx Web Components Customization with CSS

 which address your specific question. Here is a screen capture of my sample code. Note that the "Linting" control is turned off. This is required.


If this address your problem please mark it as a solution. If you have additional questions please let me know

 

Regards,

Pehowe

2 replies

S
Surya_Tiwari16-Pearl
16-Pearl
March 6, 2025

Hi @NJ_10144761  

 Check the article below, which might be helpful in your use case.

 

https://www.ptc.com/en/support/article/CS377455?source=search

https://www.ptc.com/en/support/article/CS315780?source=search

 

Let me know if it doesn't work or if you have any doubts.

P
PEHOWE17-PeridotAnswer
17-Peridot
March 13, 2025

Hello @NJ_10144761 ,

 

I have looked into the issue and you are correct. There have been a large number of changes to the HTML code which is generated for the Widgets. 
Because of these changes your CSS is no longer valid. I did discuss the issue with the experts.  You will need to update your CSS to be compatible with ThingWorx 9.6.x and beyond.

There is now an article CS439465 - ThingWorx Web Components Customization with CSS

 which address your specific question. Here is a screen capture of my sample code. Note that the "Linting" control is turned off. This is required.


If this address your problem please mark it as a solution. If you have additional questions please let me know

 

Regards,

Pehowe

Terms & ConditionsCookie settingsAccessibility statement