ChronoForms hat eine Standard-CSS-Datei, die frontform.css, in der die Formatierungen des Formulares festgelegt sind. Dort steht z. B. dass die Breite des „beschreibenden Feldes“ (engl. Label) bei den Textfeldern genau 150 Bildpunkte breit ist. In diesem Beispiel möchte ich zeigen, wie man die Label der Felder mit ein paar CSS-Formatierungen versehen kann.
Die folgende Abbildung zeigt ein Beispielformular mit einem Textfeld, wie es z. B. in dem Beitrag "ChronoForms - Erstellen eines Formulares unter Joomla! 1.6 mit dem Easy Form Wizard " hinzugefügt wurde.
Wenn ich das Label vor dem Textfeld mit dem Webdeveloper Toolbar unter Firefox betrachte, finde ich die Klasse "cfdiv_text" die dem Label des Textfeldes zugewiesen ist. Öffne ich die verantwortliche CSS-Datei "frontform.css" aus dem Verzeichnis ".../components/com_chronoforms/css", so stehen dort ...
- Details