[GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

jester · 02. September 2011 09:53

Hallo,

ich habe mit dem Formbuilder ein Formular erstellt. Klappte soweit prima.

Nun möchte der Verein aber ein Element (die Newsletter-Anmeldung mit Kästchen) stärker hervorgehoben haben. Beispielsweise sollte die Beschriftung vor dem Auswahlkästchen farbig und fett gesetzt werden. Nur: Ich finde nicht, wo ich das beeinflussen könnte. Habt Ihr einen Tipp für mich?

jester

NaN · 02. September 2011 10:00

Das macht man im Stylesheet.
Die Formularelemente haben meist eine ID oder Klasse oder sind in einem DIV mit einer ID bzw. Klasse.
Diese ID/Klasse kannst Du für jedes Feld selbst frei wählen.
Über diese ID/Klasse kannst Du im Stylesheet dann formatieren wie Du lustig bist.

Bsp.: Wenn Dein Formularelement die ID "mein_element" hat und der HTML Code dazu so aussieht:

Hier klicken, um den Code zum Kopieren zu markieren

<div id="mein_element">
    <label for="fbr__83">Beschriftung</label>
    <input id="fbr__83" type="checkbox" />
</div>

dann könnte man im Stylesheet so auf die Beschriftung zugreifen:

Hier klicken, um den Code zum Kopieren zu markieren

#mein_element label {
    font-weight:bold;
    color:#B50000;
}

jester · 02. September 2011 10:21

Hi NaN,

Deine Lösung schien so einfach und klar zu sein und ich dachte gerade "argh, hättest Du auch selbst darauf kommen können".

Aber leider wirft der FormBuilder aber keine IDs aus (zumindest, soweit ich den Code lesen und verstehen kann.

Wenn ich den Seitenquelltext anzeigen lasse steht da nur:

Hier klicken, um den Code zum Kopieren zu markieren

[== html ==]
<div>
<label for="fbrp__42">Newsletter-Anmeldung</label>
<input type="checkbox" 
class="cms_checkbox" 
name="cntnt01fbrp__42" 
value="t"  id="fbrp__42" />
</div>

Oder habe ich noch weitere Bretter vor der Stirn?

jester

NaN · 02. September 2011 10:26

Hast Du denn dem Feld auch eine ID bzw. ein Alias oder eine Klasse gegeben?
Wie sieht denn das Template an dieser Stelle aus?
Wird diese ID-Alias-Klasse dort überhaupt ausgegeben?

jester · 02. September 2011 10:44

Ähhh, häh?

Wo kann ich das denn machen? Ich hänge mal die Screenshots der Einstellungen für dieses Formularelement an.

und

Oder muss ich da ins Template rein?

jester

NaN · 02. September 2011 10:59

Im Tab "Erweiterte Einstellung" sind zwei Felder.
Feld-Alias und CSS Klasse.

jester · 02. September 2011 11:12

Blind! ich sollte mal 'ne Pause machen! Danke!

jester · 02. September 2011 12:16

Hat super funktioniert. Danke sehr!

Forum für CMS/made simple

#1 02. September 2011 09:53

[GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

#2 02. September 2011 10:00

Re: [GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

#3 02. September 2011 10:21

Re: [GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

#4 02. September 2011 10:26

Re: [GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

#5 02. September 2011 10:44

Re: [GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

#6 02. September 2011 10:59

Re: [GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

#7 02. September 2011 11:12

Re: [GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

#8 02. September 2011 12:16

Re: [GELÖST] Formbuilder: Formularbeschriftungen individuell formatieren

Fußzeile des Forums