Änderungen von Dokument CSS-Klassen


Von Version 8.27
bearbeitet von jdr
am 23.05.2022, 14:55
Änderungskommentar: Es gibt keinen Kommentar für diese Version
Auf Version 8.28
bearbeitet von awa
am 24.05.2022, 12:30
Änderungskommentar: Es gibt keinen Kommentar für diese Version

Zusammenfassung

Details

Seiteneigenschaften
Dokument-Autor
... ... @@ -1,1 +1,1 @@
1 -XWiki.jdr
1 +XWiki.awa
Inhalt
... ... @@ -4,8 +4,12 @@
4 4  
5 5  {{version major="7" minor="0" patch="11"/}} Diese Eigenschaft ermöglicht es, einem Element beliebige zusätzliche eigene CSS-Klassen zu geben. Es muss kein Punkt am Anfang des Klassennamens stehen. Weiterhin werden CSS-Klassen, die in einer CSS-Datei oder im CSS-Bereich definiert sind, als Vorschlag per Autovervollständigung angeboten.
6 6  
7 -Bei der Konfiguration der CSS-Klassen kann man unter den CSS-Klassen am Element und den CSS-Klassen am Container unterscheiden. CSS-Klassen, die am Element konfiguriert sind, werden direkt am Input-HTML-Element angefügt. Hingegen werden CSS-Klassen, die für den Container konfiguriert sind, an das Container-HTML-Element angefügt, was das Eingabe-Element umschließt. Damit ist es möglich, das Element unabhängig vom Container zu behandeln, um damit bspw. das Aussehen eines Formularelements auf die eigenen Bedürfnisse anzupassen.
7 +Bei der Konfiguration der CSS-Klassen wird zwischen den CSS-Klassen am Element und den CSS-Klassen am Container unterscheiden.
8 8  
9 +CSS-Klassen, die am Element konfiguriert sind, werden direkt am HTML-Input-Element angefügt. Dies entspricht dem bisherigen Verhalten vor Version 7.0.11, wenn Klassen zu einem Elementen hinzugefügt wurden.
10 +
11 +CSS-Klassen hingegen, die für den Container konfiguriert sind, werden an das HTML-Container-Element angefügt, was das Eingabeelement umschließt. Damit ist es beispielsweise möglich, auch das Label eines Elements per CSS zu beeinflussen, welches sich im gleichen HTML-Container-Element wie Eingabeelement befindet.
12 +
9 9  Bis {{version major="7" minor="0" patch="10"/}}: Diese Eigenschaft ermöglicht es, dem ausgewählten Element eine oder mehrere CSS-Klassen zuzuordnen.
10 10  Die in der Liste dargestellten CSS-Klassen werden aus dem [[CSS-Bereich>>doc:Formcycle.Designer.Form.CodingPanel.CSSTab.WebHome]] und aus dem gewählten [[CSS-Theme>>doc:Formcycle.Designer.Form.FormProperties]] ausgelesen. Nach Auswahl einer CSS-Klasse wird diese sofort angewandt, alle Änderungen des Designs sind also sofort links in der Formularvorschau einsehbar. Im unteren Teil des Eigenschaftenfensters kann nach vorhandenen CSS-Klassen gefiltert werden.
11 11