Article - CS377455

Applying Custom CSS Styling to Web Component Widgets in ThingWorx Platform 9.3.4+

Modified: 06-Feb-2025   


Applies To

  • ThingWorx Platform 9.3 SP4 to 9.6

Description

  • How to apply custom CSS to widgets in ThingWorx Platform 9.3.4 and so on?
    • How to apply custom CSS to web component widgets? 
  • Line Chart Legend is not stylable 
  • How to change the position of the reset zoom button in Line Chart Widget 
  • How to change the font of the reset button in Chart Widget
  • How to add custom CSS for Grid Widget (New Grid Widget)? 
  • How to remove the bar with the reset button in line chart?
  • On a Property Display widget, how to change label and value font size and color of each property, using CSS?
  • How to use custom CSS to restyle a widget element, such as 'HighlightDraftState' on a Grid Widget
This is a printer-friendly version of Article 377455 and may be out of date. For the latest version click CS377455