Newsletterformular

[speedmaster]

Also ich ich habe da ein kleines Problemchen. Ich habe in meinem Newsletter 3Gruppen angelegt. Dann habe ich in der Konfiguration angeben, dass eine mehrfach Auswahl beim Anmelden erlaubt ist.
So weit so gut. Nun zu meinem Problem:

1.) Im Frontend erscheint nun das zusätzliche Auswahlfeld nach dem Text "Auswahl". Wie bekomme ich dieses Feld unter den Text "Auswahl", und kann dieses in der Breite ändern. Im Modultemplate fimde ich keine passenden Werte hierzu.

2.) Das Auswahlfeld enthält unter Firefox keinen Scrollbalken Wie kann ich diesen erzwingen?

Über eine Info wäre ich sehr Dankbar.

[GaMbIt_]

HTML und CSS
...
Und ob der Frontend Output über das Modul direkt oder ein Modultemplate generiert wird weiss ich grad nicht auswendig... sollte aber trotzdem kein Problem sein.

[speedmaster]

Ich kann CSS nur auf eine ID oder ein Klasse anwenden wenn ich deren Name kenne. Für das Formular wird die Klasse boxleft verwendet, die sich auf das komplette aussehen des Formulares bezieht.

Ich würde aber gerne für das Listenfeld und deren Label eine eigene Klasse erstellen. Wo kann ich dies im Formulartemplate anpassen wenn es dort keinen Platzhalter dafür gibt?

[GaMbIt_]

Ich kann CSS nur auf eine ID oder ein Klasse anwenden wenn ich deren Name kenne. Für das Formular wird die Klasse boxleft verwendet, die sich auf das komplette aussehen des Formulares bezieht.

Genügt Dir das nicht?
Schon mal was von dem DOM Baum gehört?
Du kannst Dich im CSS ohne weiteres durch das HTML Gestrüpp durchhangeln...

Code: Alles auswählen

form.boxleft label {Alle Labels unterhalb von form}
form.boxleft input {Input Felder}
form.boxleft select {select Element}

Ich würde aber gerne für das Listenfeld und deren Label eine eigene Klasse erstellen. Wo kann ich dies im Formulartemplate anpassen wenn es dort keinen Platzhalter dafür gibt?

Seh ich das richtig dass Du nur ein Label anders gestalten willst... ok... die Quelltextkontrolle hast Du über das Modul-Template newsletter_form.html...
Dort kannst Du das Aussehen Deiner An- bzw. Abmeldefunktion ändern...

Code: Alles auswählen

   <div class="boxleft">
      <form method="post" action="{FORM_ACTION}" name="newsletterform"{FORM_TARGET}>
         <label for="emailname">{EMAILNAME}</label>
         <input id="emailname" type="text" name="emailname" value=""/>
         <br class="y"/>
         <label for="email">{EMAIL}</label>
         <input id="email" type="text" name="email" value=""/>
         <br class="y"/>
{EXTRAHTML}
         <label for="action">&nbsp;</label>
         <select name="action">
            <option value="subscribe" selected>{SUBSCRIBE}</option>
            <option value="delete">{DELETE}</option>
         </select>
         <a href="javascript:document.forms['newsletterform'].submit();" title="{GO}">Go <img src="images/navi_pfeil_rechts.gif" alt="" title="Absenden"/><br/></a>
         <br class="y"/>
      </form>
   </div>

Der Bereich {EXTRAHTML} wird dann gegen die Gruppenliste ausgetauscht...
Da steht aber noch kein label drinnen wenn ich das noch recht in erinnerung hab...
Auf der anderen Seite würde ich das ein bischen klarer strukturieren...

Code: Alles auswählen

<div id="nl_name">
         <label for="emailname">{EMAILNAME}</label>
         <input id="emailname" type="text" name="emailname" value=""/>
</div>
<div id="nl_email">
         <label for="email">{EMAIL}</label>
         <input id="email" type="text" name="email" value=""/>
</div>
<div id="nl_groups">
         {EXTRAHTML}
</div>
<div id="nl_action">
         <label for="action">&nbsp;</label>
         <select name="action">
            <option value="subscribe" selected>{SUBSCRIBE}</option>
            <option value="delete">{DELETE}</option>
         </select>
</div>
<div id="nl_submit">
         <input type="submit" ... weitere Attribute.... />
</div>

So kannst Du jeden einzelnen Formularblock frei formatieren... mit CSS

[speedmaster]

Vielen Dank, dashat mir sehr weiter geholfen. Wünsche noch schöne Ostern.