Article - CS377455

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

Modified: 11-Dec-2025   


Applies To

  • ThingWorx Platform 9.3 SP4 to 9.7

Description

  • How to apply custom CSS to widgets in ThingWorx Platform 9.3.4 and above
    • 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
  • How to set Grid Wwidget to have transparent background
  • How to adjust Grid widget's Edit Icon Size
  • After upgrading from 9.4 to 9.7, buttons on the mashup are overlapped, how to adjust the button padding with Custom CSS code
This is a printer-friendly version of Article 377455 and may be out of date. For the latest version click CS377455