CSS-Bereich
CSS wurde entworfen, um Darstellungsvorgaben weitgehend von den Inhalten zu trennen. Elemente eines Dokumentes können mit sogenannten CSS-Selektoren aufgrund verschiedener Eigenschaften identifiziert werden, zum Beispiel über ihre Klasse, über ihre Attributen oder über ihrer Position im Dokument. Mittels CSS-Eigenschaften wird dann die Darstellung der so selektierten Elemente geändert, etwa um eine andere Schriftart oder Farbe zu setzen.
Im CSS-Bereich kann eigenes CSS geschrieben werden, um die visuelle Darstellung des Formulars zu ändern.
Eine Liste von speziellen Selektoren innerhalb von Xima® Formcycle findet sich unter Selektoren.
Hilfeseiten und Tutorials zu jQuery
CSS-Selektoren
CSS-Eigenschaften
- https://wiki.selfhtml.org/wiki/CSS/Eigenschaften
- http://www.mediaevent.de/css/tabelle-csseigenschaften.html
Beispiele
Hier werden Standardwerte für das Formular gesetzt. In dem für das Formular eine Schriftgröße in Pixel gesetzt wird, können für alle anderen Elemente die CSS-Einheiten em bzw. rem verwendet werden. Wird später die Schriftgröße des Formulars geändert, ändern sich alle anderen Schriftgrößen proportional.
font-size: 16px; /* Setzt die Basisschriftgröße. */
color: #111; /* Setzt die Default-Schriftfarbe. */
font-family: Arial; /* Setzt die Default-Schriftart. */
}
Hiermit werden alle Texten mit der Klasse hoherText groß dargestellt. Die Klasse kann im Xima® Formcycle-Designer rechts unter CSS Klassen Elementen gegeben werden.
height: 60px; /* Setzt die Höhe des Feldes auf 60 Pixel */
font-size: 40px; /* Setzt die Schriftgröße auf 40 Pixel. */
font-weight: bold; /* Macht den Text fett. */
text-align: center; /* Richtet den Text mittig aus. */
}