Child pages
  • Styling your Applications

Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Setting Styles to Form Elements


Any elements on a form with a style applied will take the styling from the style definition entry.  For example, if using the style test, and there is a label entry in the test style sheet, then ANY label placed on the form will take the label style from the style sheet. 

...

  1. Select the desired element.
  2. In the Properties view, find the property styleClass.
  3. When clicking in the field, a drop down list will appear with all the available style classes for the element.  This list is contextual for the element (meaning you will only see label style classes if the element is a label, field classes if the element is a field, and so on.)
  4. Select the desired class from the list.
  5. If you want to go back to the default style definition, select DEFAULT.

Right click on the Styles node under the Resources node. Select Create new style from the menu. A window will appear.

  1. Enter the name of the new style. Click Next.
  2. Select to add sample content. Click Finish.
  3. The new css file will appear in an editor view in the center of the Workbench.

Solution StyleSheet

The stylesheet can be specified at solution level. It has to be stored in the solution's media node; for usage of images from media library inside the .css/.less please use relative URL's.

...