Änderungen von Dokument CSS-Einstellungen für Assistenten / JavaScript
                  Zuletzt geändert von MACH formsolutions am 15.10.2025
              
      
      Von Version  431.12 
    
    
              bearbeitet von MACH formsolutions
        
am 15.10.2025
     am 15.10.2025
      Änderungskommentar:
              Es gibt keinen Kommentar für diese Version
          
         
      Auf Version  431.11 
    
    
              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,17 +21,20 @@ 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 ** data-assistant-identifierexternes CSS (URL)** kann die Adresse einer gültigen CSS-Datei eingetragen werden, auf die der Formularserver über das Internet Zugriff hat.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. 25 25 Beim Feld **internes CSS** können alle gängigen CSS-Regeln verwendet werden. 26 26 27 -Über Attribut e können bestimmte Assistenten, Panels oder Komponenten angesprochen werden.27 +Über Attribut 28 28 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_ | | 29 +Zusätzlich stellen wir die Möglichkeit bereit den Assistenten, einzelne Panels oder einzelne Komponenten über entsprechende Attribute anzusprechen: 34 34 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 + 35 35 **Beispiel Attribute** 36 36 37 37 [data-component-identifier="Textfeld (einzeilig)"] input{ border-color: orange !important; }