CSS für Elemente

<< Click to Display Table of Contents >>

Navigation:  Forms Design >

CSS für Elemente

Über die Form Builder Settings lassen sich CSS-Definitionen anlegen, die sich den Elementen zuweisen lassen, welche dieses Feature unterstützen.

FORMSD~1_img4

CSS (Cascading Style Sheets) ist eine Technologie aus der Websitegestaltung. Damit lassen sich Stilregeln definieren, die an mehreren Stellen wiederverwendet werden können, was die Effizienz der Gestaltung und die Konsistenz des Erscheinungsbilds fördert.

Die CSS-Unterstützung im Form Designer ist rudimentär und weist einige Nachteile auf.

Es lassen sich nur wenige CSS-Eigenschaften definieren.

Im Entwurfsmodus des Form Designers sind die CSS-Effekte nicht sichtbar, diese zeigen sich nur in der Preview.

Es gibt Elementtypen, welche die CSS-Regeln nur teilweise umsetzen, also z.B. die Angabe für die Rahmenfarbe ignorieren.

CSS bietet im Form Designer aber auch Vorteile.

Eine Änderung an einem CSS-Stil wirkt sich auf alle Elemente aus, welche den Stil zugewiesen haben.

Für einzelne Elementtypen lassen sich Formatangaben festlegen, die über den Form Editor nicht möglich sind.

Mit einer Sammlung an CSS-Stilen liesse sich das Erscheinungsbild von Forms einfach vereinheitlichen.

Die Erfahrung zeigt, dass Entwickler oftmals nicht bereit sind, solche Gestaltungshilfsmittel anzuwenden.

Deshalb wird aktuell auf eine Standardisierung von Formelementen mittels CSS verzichtet.

Dennoch gibt es einige Stildefinitionen, um die Darstellung bestimmter Elementtypen zu verbessern. Dies sind z.B. Stile für Comboboxen, die das Erscheinungsbild der Comboboxen optimieren.

Die Stile werden den Elementen in deren Properties zugewiesen.

FORMSD~1_img5

Die Definition zusätzlicher Stile ist freigestellt. Ihre Namensgebung richtet sich nach folgenden Vorgaben.

1.Sie haben einen sprechenden Namen.

2.Der Stilname wird in Kleinbuchstaben geschrieben.

3.Ist der Stil für einen bestimmten Elementtyp, erhält er ein Präfix gemäss der Namensgebung für Elemente (siehe 1.6).

4.Einzelne Wortteile des Namens werden durch Underscores getrennt.

Die Abbildung rechts zeigt zwei CSS-Styles, welche dem Namen nach eine Schriftgrösse für Comboxen definieren. Die exakte Definition der Stile lässt sich in den CSS-Einstellungen bei den Form Builder Settings nachschauen.