Tuesday, June 11, 2019
Changing Styling of Values and Labels in Forms
Use simple CSS rules to change the presentation of data in the forms. For example, you can  make the label of a particular field to appear bold and color the value of another like this:



Place the following CSS rules in the file ~/app/css/mystyles.css.

[data-field="CompanyName"][data-control="label"] {
    font-weight: bold;
}

[data-field="ContactName"][data-control="field"] {
    font-weight: bold;
    color: blue;
}

Make to press Ctrl+F5 to refresh the resources loaded in the browser. This will integrate the new stylesheet in the app. Do so every time you make changes.

This is how the customization will look in the Dark theme with Citrus accent.


If you do choose to use colors then make to test presentation with a few theme and accent combinations.

CSS is a powerful mechanism to alter presentation of HTML documents without making physical changes to the markup itself.