Änderungen von Dokument CSS Einstellungen
Zuletzt geändert von MACH ProForms GmbH am 28.03.2025
Von Version 315.1
bearbeitet von MACH ProForms GmbH
am 09.07.2021
am 09.07.2021
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Auf Version 325.1
bearbeitet von MACH ProForms GmbH
am 06.08.2021
am 06.08.2021
Änderungskommentar:
Es gibt keinen Kommentar für diese Version
Zusammenfassung
-
Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
Details
- Seiteneigenschaften
-
- Inhalt
-
... ... @@ -17,8 +17,24 @@ 17 17 18 18 ### Internes CSS 19 19 20 -Weiterhin besteht die Möglichkeit, direkt in dem Eingabefeld „internes CSS“ den Quellcode der CSS-Anweisungen zu hinterlegen. 20 +Weiterhin besteht die Möglichkeit, direkt in dem Eingabefeld „internes CSS“ den Quellcode der CSS-Anweisungen zu hinterlegen. Im Editor können alle gängigen CSS Regeln verwendet werden. Zusätzlich stellen wir die Möglichkeit bereit den Assistenten, einzelne Panels oder einzelne Komponenten über entsprechende Attribute anzusprechen: 21 21 22 +- **data-assistant-identifier** 23 +Dieses Attribut enthält als Wert die jeweilige Assistentennummer und kann dazu verwendet werden das CSS assistentenspezifisch zu gestalten. Das Attribut wird als Elternknoten für die Attribute "data-panel-identifier" und "data-component-identifier" dargestellt. 24 + 25 +- **data-panel-identifier** 26 +Dieses Attribut enthält als Wert die jeweilige technische Bezeichnung des Panels. Das Attribut wird als Elternknoten für das Attribut "data-component-identifer" dargestellt. 27 + 28 +- **data-component-identifier** 29 +Dieses Attribut enthält als Wert die jeweilige technische Bezeichnung der Komponente. Unterhalb des Attributs "data-panel-identifier" können mehrere Attribute "data-component-identifier" vorkommen. Verschachtelte Komponenten werden mit Punkten zwischen den technischen Bezeichnungen getrennt als Wert dargestellt. Beispiel: *Objektgruppenname.Komponentenname* 30 + 31 +**Beispiel Attribute** 32 + 33 +[data-component-identifier="Textfeld (einzeilig)"] input{ 34 + border-color: orange !important; 35 +} 36 + 37 + 22 22 #### Beispiel einer CSS Einstellung 23 23 24 24 1. Beispiel: