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

Can I change a background color of 2D widget?

SOLVED
Newbie

Can I change a background color of 2D widget?

Hi

I'm making a demo project by thingworx studio.

I wanna change a background color of '2D' widget.

When I use a 'value-display' widget, the background color is white and font color is black.

Also, I want to change a color of button widget(2D).

Is it possible? if it is possible, please let me know how to do.

Thanks.

Tags (1)
1 ACCEPTED SOLUTION

Accepted Solutions

Re: Can I change a background color of 2D widget?

Sure...

you can change it through classes.

An easy example just to get to know the concept is creating a Button Widget.

In it's properties you can assign a class, e.g. "redButton" - this is the CSS class used for styling.

If in (left hand panel) Styles > Application​ you add a

.redButton {

  background: red;

}

it will allow changing the style and presentation of the particular slide with default CSS stylings.

When you now preview / publish the experience you will see, that the Button has now a red background.

I tested it and it's the same for the ValueDisplay.

2 REPLIES 2

Re: Can I change a background color of 2D widget?

Hi,

Create a css class with your all color requirements and add it in "STYLES->application" and use the same class name in widget class field.

This will work.

Regards,

Sameer Singh Rathoud

Re: Can I change a background color of 2D widget?

Sure...

you can change it through classes.

An easy example just to get to know the concept is creating a Button Widget.

In it's properties you can assign a class, e.g. "redButton" - this is the CSS class used for styling.

If in (left hand panel) Styles > Application​ you add a

.redButton {

  background: red;

}

it will allow changing the style and presentation of the particular slide with default CSS stylings.

When you now preview / publish the experience you will see, that the Button has now a red background.

I tested it and it's the same for the ValueDisplay.