cancel
Showing results for 
Search instead for 
Did you mean: 
cancel
Showing results for 
Search instead for 
Did you mean: 

Change all label styles in a mashup

Contributor

Change all label styles in a mashup

Hello,

 

I am currently developing a mashup with 100+ labels and would like to quicly change their styles (font size and color) all at the same time. Is this possible without going into each label and picking the new style manually?

 

4 REPLIES 4

Re: Change all label styles in a mashup

Hi,

 

You can do that with custom CSS or with Theme (set for your mashup) like in the screenshot below:

 
 

label_theme.png

 

Best regards,

Raluca Edu

Re: Change all label styles in a mashup

...or just export your mashup(s) as XML, do find-and-replace, then import.

 

/ Constantine

Re: Change all label styles in a mashup

Hello, I tried defining a custom class and adding css to the mashup without any luck, can you please provide some more elaborate assistance in this matter?

 

.myLabelClass .widget-label {
Label: "DefaultMashupStyle";
}

Tags (1)

Re: Change all label styles in a mashup

Hi,

 

If you wish to make global CSS changes your CSS definitions should be created on the highest level possible, typically these are applied to a Master Mashup that contains all of the sub mashups and thus the widgets you are trying to edit.

 

One thing to note is depending on what version of ThingWorx you are running, the widgets and HTML structure differs on what class you actually need to edit. Typically how I locate what classes need to be edited is I use Chrome Developer Tools while my mashups are being previewed, you can dynamically adjust the styling and see real time feedback of your edits, and this assists in locating what exact out of the box CSS class you need to override.

Capture.PNG

Announcements

Thingworx Navigate content has a new home! Click here to access the new Thingworx Navigate forum! ______________________________