Sonstiges TcHMI TE2000 - Anpassen der Beckhoff Controls

[msauerpb]

Zuviel Werbung?
-> Hier kostenlos registrieren

Hallo zusammen,

in der HMI gibt es ja als Default Control den LinearGauge, mit einem Slider Knopf. Diese Knopf würde ich gern verkleinern, da mit das Control sonst zu gross ist:



Der Knopf ist als SVG-XML-Datei in dem Verzeichnis des Controls definiert.

Kann ich eine Kopie des Controls erstellen und die Definition des Knopfes entsprechend anpassen?

Danke für Eure Hilfe.

gruss
martin

 

[MathiasV]

Hi,

hier ein CSS Beispiel...vielleicht gibts noch ne schönere Lösung aber es funktioniert


.tchmi-linear-gauge-knob-svg *
{
transform-origin: center;
transform: scale(0.7);
}


Gruß Mathias

 

[msauerpb]

Zuviel Werbung?
-> Hier kostenlos registrieren

Hi,
danke Dir für den Tip.
Aber mal ne dumme Frage: Wie trage ich in der HMI ein CSS Code zu einem Element ein? Mache ich die ClassNames? Oder geht das über Themes / Base / Style.css? Kann ich dann auch Elemente mit unterschiedlichen Größen definieren (müsste doch über CSS ID gehen, oder)?

gruss
martin

 

[MathiasV]

Hi, also mit meinem ersten Beispiel änderst du wirklich alle Controls von diesem Typ in deinem Projekt, was oft auch wünschenswert ist.

Aber um flexibel zu bleiben kannst du dir bei [Themes -> Base -> Base.theme] eine Custom Control Klasse anlegen, brauchst in diesem Fall nur eine Namen vergeben, die Attribute unten sind egal.

Bei deinen Control Eigenschaften kannst du bei Common den Pfeil unten aufklappen und deine erstellte Klasse auswählen.

Und nun dieses in eine CSS Datei schreiben, spielt keine Rolle in welche, du kannst so viele in einem Projekt haben wie du willst.


.tchmi-class-DeinKlassenNamen .tchmi-linear-gauge-knob-svg *
{
transform-origin: center;
transform: scale(0.5);
}

 

[zuse]

Hi,
danke Dir für den Tip.
Aber mal ne dumme Frage: Wie trage ich in der HMI ein CSS Code zu einem Element ein? Mache ich die ClassNames? Oder geht das über Themes / Base / Style.css? Kann ich dann auch Elemente mit unterschiedlichen Größen definieren (müsste doch über CSS ID gehen, oder)?

Wenn du ein Control in eine Themeklasse hängst, ist dieses auch per CSS erreichbar.
Also per Editor auf deine Themes/Base/Style.theme oben links eine Klasse (Beispielsweise ButtonNormal) erstellen.
Bei den Controls kannst du unter commons diese dann zu dieser Klasse hinzufügen.
Das Control ist dann über den CSS Selektor
.tchmi-class-ButtonNormal
in der Themes/Base/Style.css ansprechbar.
Control-Größen solltest du darüber aber nicht manipulieren.

[edit] Oh, das gleiche wurde ja schon geschrieben...

 

[zuse]

Zuviel Werbung?
-> Hier kostenlos registrieren

Um doch was neues beizusteuern:
Du kannst über
Themes/Base/Style.theme
oben links die LinearGauge auswählen und hast unten links themedResources.
Dort kannst du den Knob überschreiben und dabei auch die Größe angeben..