nuBuilder Forum

Posted: **Fri Oct 15, 2021 10:09 am**

You can change the look of an object by adding an Inline CSS style:

CSS

input_css.jpg

Or by adding a Class which can be defined in Setup -> Header.

Class

input_class.jpg

.city {
  background-color: tomato;
  color: white;
  border: 2px solid black;
}

ContentBox

To apply a custom style to a ContentBox, pass an associative array {"class name": "css style"}

contentbox_css.jpg

{"nuContentBoxTitle":"background-color:red;border-color:blue","nuContentBoxContent":"border: 1px dashed green;"}

To apply classes to the ContentBox, define the CSS in Setup -> Style, select "Class" in the dropdown with an array like

{"nuContentBoxTitle":"myContentBoxTitle","nuContentBoxContent":"myContentBoxContent"}

CSS in Setup -> Style:

.myContentBoxContent {
   border:1px solid red;
   background-color:blue
}

.myContentBoxTitle {
   color:green;
   font-size:18px;
}

To apply css to a label and a different style to an object:

{"label":"color:red", "this":"color:red;border-color:blue"}

[Added] Object Style