Zum Inhalt springen

Formatierung des Typo3-Formulars 7.6

Erstellt am 5. Juni 2018 · 1 Antwort · letzte Antwort am 20. Juni 2018

Tags: Bootstrap, TYPO3 7, Frage

Drusilla ·

Hallo,
ich versuche gerade das Typo3-Formular an Bootstrap anzupassen, bin dazu so vorgegangen wie in der Doku beschrieben (https://docs.typo3.org/typo3cms/extensions/form/7.6/Configuration/Layout/LayoutViewSpecific/Index.html):

tt_content.mailform.20 {
  # customize form view
  form {
    layout {
      textline (
        <div>
            <label />
            <input class="form-control" />
        </div>
      )
      textarea (
        <div>
            <label />
            <textarea class="form-control" />
        </div>
      )
      submit (
        <div>
            <label />
            <input class="btn btn-primary" />
        </div>
      )
...

Die Formatierung für das Eingabefeld wird übernommen (und auch andere Formatierungen, die danach kommen), aber nicht bzw. nur teilweise für die Textarea und den Submit-Button, sieht dann so aus:

<div class="form-group csc-form-3 csc-form-element csc-form-element-textline">
  <div>
    <label for="field-3">E-Mail</label>
    <input class="form-control" id="field-3" type="text" name="tx_form_form[tx_form][emailadresse]" />
  </div>
</div>
<div class="form-group csc-form-4 csc-form-element csc-form-element-textarea">
  <div>
    <label for="field-4">Nachricht<em>*</em></label>
    <textarea rows="5" cols="40" id="field-4" name="tx_form_form[tx_form][nachricht]"></textarea>
  </div>
</div>
<div class="form-group csc-form-5 csc-form-element csc-form-element-submit">
  <div>
    <input type="submit" id="field-5" value="Absenden" name="tx_form_form[tx_form][7]" />
  </div>
</div>

Das extra div-Element wird übernommen, aber nicht die Klassen in der textarea bzw. im input (beim submit).
Was mache ich falsch?
Danke schon mal!