Skip to main content
1-Visitor
November 12, 2019
Solved

Thingworx CSS Selectors

  • November 12, 2019
  • 1 reply
  • 1584 views

Hello,

 

In the few Thingworx Custom CSS tutorials/how-tos that I can find they all mention selectors such as, ".widget-button", ".button-element", "widget-button-text" etc. Clearly these selectors are not extensive enough to cover things such as an advanced grid's rows, or columns for example. Is there some resource out there that lists all of these selectors? How do I select an advanced grid's first column header? 

 

I am well aware that you can copy an element's selector through developer tools on google chrome. This is not good enough as these selector's values may change over time.

Best answer by slangley

Hi @berkob.

 

There isn't a resource that would provide a complete list.  Keep in mind this could include selectors from custom extensions, and with the out of the box selectors, this could be a very extensive list, and could be quite overwhelming.  It would also be an ever-changing list given the frequency of updates to our product.

 

You could post your suggestion on the ThingWorx Ideas board for possible consideration in a future release.  This will also allow others to vote for it.

 

Regards.

 

--Sharon

 

 

1 reply

slangleyCommunity ManagerAnswer
Support
November 14, 2019

Hi @berkob.

 

There isn't a resource that would provide a complete list.  Keep in mind this could include selectors from custom extensions, and with the out of the box selectors, this could be a very extensive list, and could be quite overwhelming.  It would also be an ever-changing list given the frequency of updates to our product.

 

You could post your suggestion on the ThingWorx Ideas board for possible consideration in a future release.  This will also allow others to vote for it.

 

Regards.

 

--Sharon