Änderungen von Dokument CSS-Einstellungen für Assistenten / JavaScript
                  Zuletzt geändert von MACH formsolutions am 15.10.2025
              
      
      Von Version  431.11 
    
    
              bearbeitet von MACH formsolutions
        
am 15.10.2025
     am 15.10.2025
      Änderungskommentar:
              Es gibt keinen Kommentar für diese Version
          
         
      Auf Version  431.12 
    
    
              bearbeitet von MACH formsolutions
        
am 15.10.2025
     am 15.10.2025
      Änderungskommentar:
              Es gibt keinen Kommentar für diese Version
          
         Zusammenfassung
- 
          Seiteneigenschaften (1 geändert, 0 hinzugefügt, 0 gelöscht)
 
Details
- Seiteneigenschaften
 - 
      
- Inhalt
 -   
... ... @@ -21,20 +21,17 @@ 21 21 22 22 Verweisen Sie auf eine externe Quelle, aus der die CSS-Anweisungen geladen werden (**externes CSS**), oder tragen Sie Anweisungen/Code direkt in der Konfiguration ein (**internes CSS**). 23 23 24 -Im Feld **externes CSS (URL)** kann die Adresse einer gültigen CSS-Datei eingetragen werden, auf die der Formularserver über das Internet Zugriff hat. 24 +Im Feld **data-assistant-identifierexternes CSS (URL)** kann die Adresse einer gültigen CSS-Datei eingetragen werden, auf die der Formularserver über das Internet Zugriff hat. 25 25 Beim Feld **internes CSS** können alle gängigen CSS-Regeln verwendet werden. 26 26 27 -Über Attribut 27 +Über Attribute können bestimmte Assistenten, Panels oder Komponenten angesprochen werden. 28 28 29 -Zusätzlich stellen wir die Möglichkeit bereit den Assistenten, einzelne Panels oder einzelne Komponenten über entsprechende Attribute anzusprechen: 29 +| ------------------------- | ----------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- | -------- | 30 +| Attribut | | Beispiel | 31 +| data-assistant-identifier | 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. | | 32 +| data-panel-identifier | 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. | | 33 +| data-component-identifier | 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 30 31 -* **data-assistant-identifier** 32 -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. 33 -* **data-panel-identifier** 34 -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. 35 -* **data-component-identifier** 36 -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_ 37 - 38 38 **Beispiel Attribute** 39 39 40 40 [data-component-identifier="Textfeld (einzeilig)"] input{ border-color: orange !important; }