Skip to main content
U
Ubafeesh1-Visitor
1-Visitor
February 22, 2018
Solved

Custom CSS

  • February 22, 2018
  • 3 replies
  • 5510 views

When attempting to create custom CSS, how do I target the correct div I'm trying to affect?

 

For instance, the top bar widget of my master file is Header, but this is not the div name nor is the ID container-2. 

 

I'm trying to do something as simple as changing root mashup (body) background.

 

I'm a web developer so perhaps my understanding of how this works within thingworx is a little skewed.

 

Thanks!

Best answer by Rick-Stanley

New Composer is available with the 8.2. You need to turn on new Composer features under Administrator > Preferences > Turn on New Composer Features

 

Here is a Guide to getting started:

https://developer.thingworx.com/resources/guides/css-quickstart

3 replies

U
Ubafeesh1-VisitorAuthor
1-Visitor
February 22, 2018

Ok I think I see that you have to use CustomClass to name the DIV. 

 

The tutorial says "click the CUSTOM tab" to add a CSS block but I don't see that anywhere.

U
Ubafeesh1-VisitorAuthor
1-Visitor
February 22, 2018

Is the NEW COMPOSER different than the 8.2 trial? I'm not seeing any CUSTOM CSS tab anywhere.

R
Rick-Stanley5-Regular MemberAnswer
5-Regular Member
February 22, 2018

New Composer is available with the 8.2. You need to turn on new Composer features under Administrator > Preferences > Turn on New Composer Features

 

Here is a Guide to getting started:

https://developer.thingworx.com/resources/guides/css-quickstart

    R
    Rick-Stanley5-Regular Member
    5-Regular Member
    February 22, 2018

    Often the div ID has root_ pre-pended to the ID you see in Mashup Builder. For example, if the ID in Mashup Builder is container-2, the div id is root_container-2

    U
    Ubafeesh1-VisitorAuthor
    1-Visitor
    February 22, 2018

    Thanks for your response!

    There has to be a way for me to SEE the div name tags somewhere?

    Terms & ConditionsAccessibility statement