Business Console 10.7 | webMethods Business Console Documentation | Developing Gadgets for Business Console | Creating User Interface for Gadgets | Adding Styles in CSS
 
Adding Styles in CSS
You can add styles for a gadget within a namespace in the gadget.scss file as follows:
1. Navigate to the gadget.scss file under the styles folder of a respective gadget in the application project.
2. Include your styles in the following code:
Note:
.gadget-container-<Gadget Name>-<Short Identifier> is the auto-generated namespace.
.gadget-container-<Gadget Name>-<Short Identifier> {
.gadget-header-text{
font-size: 20px;
padding: 10px 10px 0px 10px;
color: red
}
// write your styles here
}