---
title: "Komplexes Formular mit Powermail und Bootstrap, wie?"
url: "https://www.typo3.net/d/125586-komplexes-formular-mit-powermail-und-bootstrap-wie"
source: "typo3.net"
tags: ["Extensions","Bootstrap","Frage","Powermail","TYPO3 7"]
created: "2017-01-16"
last_reply: "2017-01-18"
replies: 2
solved: false
page: 1
pages: 1
lang: "de"
---

# Komplexes Formular mit Powermail und Bootstrap, wie?

Extensions · 2 Antworten · gestartet 2017-01-16

## Eröffnungsbeitrag

**markus-k** · 2017-01-16 · [Beitrag #1](https://www.typo3.net/d/125586-komplexes-formular-mit-powermail-und-bootstrap-wie/1)

Hallo Zusammen,
ich stehe vor der Herausforderung, ein komplexes Anmeldeformular mit Powermail zu erstellen (siehe Anhang). Das Formular enthält mehrere Bereiche, die als Accordeon aus- und zuklappen sowie verschiedene Auswahlfelder, Buttons und Buttongruppenm klickbare Bilder etc. Das Formular wurde als HTML-Formular mit Bootstrap-Tags und etwas Javascript erstellt und ist bislang auf einer Wordpress-Seite aktiv.

Mein Lösungsansatz bislang: Typo3 mit Bootstrap-Package und Powermail 3.
Bislang scheiterten jedoch alle meine Versuche dieses Formular entsprechend schick zu stylen, da ich den einzelnen Feldern keine Bootstrap-Klassen oder individuelle Klassen zuweisen kann. Ebenso nicht zielführend war der Versuch, Teile des Formulars als HTML in Powernmail einzufügen, hier wird zwar das Formulas gestyt angezeigt, jedoch beim Abschicken keine Daten an den Mailer übergeben.

Kann mir jemand in die Spur helfen? Vielleicht in Form einer Beispielzeile Code, wie ich solche ein Formular mit Typoscript aufbauen und auf der Seite einbauen kann, wenn das überhaupt geht.

Der bisherige HTML-Aufbau mit Bootstrap ist etwa
<accordion>
<row>
  <col-sm2>Bezeichnung</col>
  <col-sm4>linkes Inputfeld</col>
  <col-sm6>rechtes Inputfeld</col>
</row>
...
</accordion>

Ich hoffe, jemand kann mir helfen. Vielen Dank schon einmal.
LG Markus

## Antworten

### [#2](https://www.typo3.net/d/125586-komplexes-formular-mit-powermail-und-bootstrap-wie/2) · pstranghoener · 2017-01-17

Hallo Markus,

Leider ist die Dokumentation bezüglich der Zuordnung von Bootstrap-Klassen zu Feldern ja recht zurückhaltend  [unter "Statische Templates einschließen" muss das Template "Add classes and CSS based on bootstrap" eingeschlossen werden, Bedingung ist aber mindestens t3sbootstrap v3.0.5] und ich hab Entsprechendes noch nie gebraucht...
Wie soll es denn am Ende aussehen? Vielleicht ist deine Frage im Forum "Module, Erweiterungen und Applikationen" erfolgreicher oder @einpraegsam hat eine Idee?

Viel Erfolg weiterhin!

### [#3](https://www.typo3.net/d/125586-komplexes-formular-mit-powermail-und-bootstrap-wie/3) · markus-k · 2017-01-18

Ich versuche es noch einmal mit dem Dateianhang, ansonsten könnt Ihr Euch das bestehende Formular auch ansehen auf <https://www.northern-access.de/internet-und-telefonie/> (ist eine Wordpress-Seite).
Wie gesagt, mir würde es schon reichen, wenn ich eine einzelne <row> mit unterschiedlich breiten <cols> hinbekomme.

---

Quelle: „Komplexes Formular mit Powermail und Bootstrap, wie?“, typo3.net, https://www.typo3.net/d/125586-komplexes-formular-mit-powermail-und-bootstrap-wie
Beiträge von Mitgliedern des Forums. Bitte mit Link auf die Diskussion zitieren.