Widget Background Color Help

[mahitham]

Hi Experts,

Can any one please help me on below requirement.

I have tried Next sheet button widget with below script in widget editor like below attached image.

Script:

<lui-button class="button1" ng-click="navigation.nextSheet()"
ng-style="{color: settings.color}">Next</lui-button>

I am able to change the Text color with Red and Blue from the settings of right side dropdown. But the requirement is able to change the background color from the setting panel with Red and Blue.

What modifications need to do on above script for background color change.

Please help me on this.

Thanks in advance.

[yoboicipher]

In the widget editor, click on the CSS tab at the bottom and it'll open up a CSS window where you add the button class to add the background color.

----

.button1{

background-color: settings.color      //or try playing around with different colors, ex: red or blue

}