Zum Inhalt springen

Kontaktformular gestalten

Erstellt am 10. Juni 2009 · 2 Antworten · letzte Antwort am 12. Juni 2009

Tags: HTML & CSS, Frage

zzk0195 ·

Guten Morgen Forum User!

Ich habe da eine kleine frage, nämlich ich will meinen Kontaktformular anders gestalten,,das heisst ich will dass es so aussieht:

Vorname
[input feld]
Nachname
[input feld]
Adresse
[input feld]

Und nicht Standardmässig so:

Vorname [input feld]
Nachname [input feld]
Adresse [input feld]

Könnte mir einer sagen wo und wie ich das genau ändern könnte?
Würde mich auf eine Antwort freuen🙂

zzk0195 ·

Danke!

Hab die Lösung schon aus diesem Forum gefunden ;D

Lösung: Unter Setup diesen TypoScript einfügen

tt_content.mailform.20 {
  accessibility = 1
  noWrapAttr=1
  formName = mailform
  dontMd5FieldNames = 1
  REQ = 1
  layout = <div>###LABEL### ###FIELD### <p></div>
  
  COMMENT.layout = <div>###LABEL### ###FIELD###</div>
  commentWrap.wrap = |
  
  RADIO.layout = <div>###FIELD### ###LABEL###</div>
  CHECK.layout = <div>###FIELD### ###LABEL###</div>
   
  LABEL.layout = <div>###LABEL### ###FIELD### </div>
  labelWrap.wrap = <div style="width:100px;"> |</div>  
   
  ### nach jeden Optionsfeld ein Umbruch, lässt man den weg, sind
  ### die Optionsfelder nacheinander
  radioWrap.wrap = |
  checkWrap.wrap = |
   
  ### Das selbe gilt für benötigte Felder in Formularen
  REQ.labelWrap.wrap = <div> |&nbsp;*</div>
  stdWrap.wrap =  <div class="formu">|</div>
}

### Formular CSS zuweisen
### Die CSS müssen natürlich eingebunden werden

### Des weiteren habe ich für die einzelnen durch CSS definierten
### Input, Select, etc. Klassen, ebenfalls im Setup von TYPO3

tt_content.mailform.20 {
  params >
  params.input = class="mf-input"
  params.password = class="mf-pass"
  params.textarea = class="mf-text"
  params.check = class="mf-check"
  params.radio = class="mf-radio"
  params.select = class="mf-select"
  params.file = class="mf-file"
  params.reset = class="mf-reset"
  params.submit = class="mf-submit"
}