Beckhoff HMI HeaderItems Schrift bearbeiten

xGrubii · 15 Mai 2023

Hallo,

versuche schon seit längeren Zeitraum die Schrift eines HeaderItems zu verändern (Farbe und Größe).
Ich habe keine Einstellungsmöglichkeiten gefunden, deshalb hab ich es über HMTL/CSS probiert --> leider kein Erfolg!

Code:

<head>
    <style>
        .TcHmi_Controls_Beckhoff_TcHmiDateTimeDisplay {
            --tchmi-text-color: #ffffff !important;
            --tchmi-font-size: 16px;
        }
    </style>
</head>

Ich bedanke mich schon einmal im Voraus für eine Hilfe.

MFG

zuse · 15 Mai 2023

Prinzipell sieht dein CSS Code erstmal richtig aus (trifft halt alle DateTimeDisplays).

Wo hast du deinen erwähnten Code hinterlegt?
Funktionieren würde er wohl im Projektordner (natürlich ohne den <head><style> Teil) in den Dateien:
\Themes\Base\BaseStyle.css bzw Themes\Base-Dark\Base-DarkStyle.css

Das "!important" brauchst du auch nicht.
devTools https://developer.chrome.com/docs/devtools/css/#view helfen auch hier.

Wenn das tut (nicht früher damit rumspielen!), kann man spezifischer die controls per Klasse errreichen.

Dafür kannst du CSS Klassen spezifisch bei den HeaderItems hinzufügen. Details siehe Infosys:

Klassen-Theme

xGrubii · 16 Mai 2023

Danke für die Antwort Klassen-Theme war die Lösung

MFG

Beckhoff HMI HeaderItems Schrift bearbeiten

xGrubii

Level-2

zuse

Level-2

xGrubii

Level-2

Similar threads

Wir schützen deine Privatsphäre