Implementation of Style Sheets

For the displaying of WinCC OA panels in a WinCC OA project in an individual style sheet, the created CSS file must be implemented into WinCC OA. Therefore the following steps must be executed.

How to use a style sheet

  1. Save the created CSS file as follows: config/stylesheet.css.

  2. Start the WinCC OA project/UI manager.

  3. All widgets are now displayed in your individual style sheet.

Alternatively:

  1. Save the created CSS file (*.css extension) in a folder which can be accessed from WinCC OA.

  2. Insert following option into the command line of the UI manager:

-stylesheet <absolute_path>/stylesheet.css

  1. Start the WinCC OA project/UI manager.

  2. All widgets of the UI are now displayed in your individual style sheet.

The used style sheet can be reloaded using the menu point "Edit > Reload Stylesheet".