1.7.5.15.4.18. Key "STYLESHEETS" - Kundenspezifische Stylesheets für GUI-Elemente

Kommagetrennte Liste kundenspezifischer Stylesheet-Dateien in $CADENAS_SETUP/styles.

Standard-GUI-Stil

Unter $CADENAS_SETUP/styles wird die Datei default.css für den GUI-Stil verwendet.

GUI-Stil anpassen

Der GUI-Stil lässt sich einfach anpassen.

Geben Sie unter $CADENAS_SETUP/partsol.cfg -> Block [PARTdataManager] -> Key STYLESHEETS die gewünschte CSS-Datei an. Die Stile werden an den Standardstil angehängt.

Ist nur der Dateiname ohne Pfad angegeben, sucht die Anwendung die Datei im Verzeichnis "$CADENAS_SETUP/styles". Dort finden Sie auch einige Beispiele.

[PARTdataManager]
STYLESHEETS=default.css,custom.css

Ebenso können Sie einen absoluten Pfad angeben.

Relevante Keys in der CSS-Datei finden

Um relevante Keys leichter zu finden, aktivieren Sie folgende Docking-Fenster:

  • GUI Elemente Baum [GUI element tree]

  • GUI Element Eigenschaften [GUI element properties]

  • GUI Stylesheet [GUI stylesheet]

  1. Legen Sie unter $CADENAS_USER eine Datei namens debug.cfg mit folgendem Inhalt an:

    [PDEBUG]
    showDebugMenu=1
    showWidgetTree=1
    showExportPath=1

    -> Die Dockings werden nun angezeigt.

  2. Klicken Sie auf das Icon .

    -> Der Mauszeiger wird zu einem roten Kreis.

  3. Bewegen Sie den Mauszeiger über ein QWidget.

    -> Es wird mit einem roten Rechteck markiert.

  4. Klicken Sie auf das gewünschte QWidget.

    -> Das Element wird im Docking GUI Elemente Baum [GUI element tree] fett markiert.

    Nun können Sie den relevanten Key in der CSS-Datei finden.

Anpassungen ausprobieren

Sie können im Docking-Fenster GUI Stylesheet [GUI stylesheet] Änderungen vornehmen.

Ein Beispiel:

  1. Setzen Sie einen gelben Hintergrund.

    QWidget {
      background: #fffaaa;
    }

  2. Klicken Sie auf Apply.

    -> Die Änderung wird sofort angezeigt.

    [Hinweis]Hinweis

    Die Aktion Apply speichert Änderungen nicht!

    Um Änderungen zu übernehmen, verwenden Sie Save as und kopieren die Änderungen anschließend in die gewünschte CSS-Datei.