Implementierung der Style Sheets

Dieses Thema erklärt, wie Sie ein individuelles Style Sheet in WinCC OA implementieren. Sie erfahren die grundlegenden Schritte zur Integration und Aktualisierung der CSS-Datei.

Für die Darstellung der WinCC OA Panels eines WinCC OA Projektes im individuellen Style Sheet, muss die erstellte CSS Datei in WinCC OA implementiert werden. Dazu müssen die folgenden Schritte ausgeführt werden.

So verwenden Sie eine CSS Datei:

  1. Legen Sie die erstellte CSS Datei wie folgt ab: config/stylesheet.css.

  2. Starten Sie das WinCC OA Projekt bzw. den UI-Manager.

  3. Alle Widgets werden nun in Ihrem individuellen Style Sheet dargestellt.

Alternativ:

  1. Legen Sie die erstellte CSS Datei (Endung *.css) in einem Verzeichnis ab, auf welches WinCC OA zugreifen kann.

  2. Fügen Sie in die Kommandozeile eines UI-Managers die folgende Option ein

-stylesheet <Absoluter_Pfad>/stylesheet.css

  1. Starten Sie das WinCC OA Projekt bzw. den UI-Manager.

  2. Alle Widgets des UIs werden nun in Ihrem individuellen Style Sheet dargestellt.

Anmerkung:

Die hinterlegten Stylesheets können mit Hilfe des Menüpunktes "Editieren > Reload Stylesheet" aktualisiert werden.