Formular in 2 Spalten aufteilen

[phyton2706]

Hallo zusammen,

ich möchte wür eine Website ein Formular erstellen. Soweit kein Problem...

Ich benute unteranderem die Subcolumns-Erweiterung und möchte nun das Formular in 2 Spalten aufteilen.

Ich habe dafür 2 Formular-Module angelegt. Wenn ich jetzt allerdings den Senden-Button drücke, ohne Daten einzugeben, dann werden nur die Daten aus der 2. Spalte geprüft.

Wie bekomme ich es jetzt nun hin, dass auch die Daten aus der ersten Spalte geprüft werden?

LG und schon jetzt vielen Dank,

[thepixture]

Schau mal hier rein, das wird Dir vielleicht helfen.

[Thomas]

Ich habe dafür 2 Formular-Module angelegt. Wenn ich jetzt allerdings den Senden-Button drücke, ohne Daten einzugeben, dann werden nur die Daten aus der 2. Spalte geprüft.

Das ist logisch, denn beide Formulare werden getrennt behandelt.

Um 2 Spalten zu bekommen, mußt Du die einzelnen Elemente des Formulares mit CSS formatieren und darüber auch platzieren, ohne dafür 2 Fomulare (Module) erstellen zu müßen.

[planepix]

Hallo phyton2706,

Du kannst auch innerhalb des Formulares HTML-Elemente einbinden, die Du mit CSS-Klassen belegen kannst und dann das via CSS anordnen.

Beispiel:

<div class="form-left">
Formularfeld 1
Formularfeld 2
</div>
<div class="form-right">
Formularfeld 3
Formularfeld 4
</div>

Oder schau mal hier. Den Link den thepixture schon gepostet hat.

[Thomas]

Hehe, wieder was gelernt!
Daran habe ich noch garnicht gedacht.
Danke planepix.

[phyton2706]

Hallo zusammen!

Danke für eure Antworten!
Besonders die Links von thepixture und planepix waren sehr interessant!

Damit werde ich mich auf jeden fall mal näher beschäftigen!

LG

[ways2web]

Soviel Gold dieser Tip auch wert ist, mußte dennoch erst mal der groschen fallen!
aber allein dadurch tun sich mir grad total gemütliche styling möglichkeiten auf!
man muss nur wissen wie es gemeint war:

Formulargenerator:

1. Element HTML
<div class="form-left"> Allerdings nur Tag-Auf
2. irgenedein Formluarelement wie textefeld
3. irgenedein Formluarelement wie textefeld
4. Element HTML
</div> nun das div mit der class form-left erst schließen

planepix, du bist gold-wert... hoffe dein Buch nimmt mir noch mehr solcher Tomaten von den augen...

auweia ist das peinlich... aber die blösse muß ich mir geben
nun bin glücklich.... weil einem das natürlich nicht nur bei mehrspaltigen formularen hilft...

Beispiel:

<div class="form-left">
Formularfeld 1
Formularfeld 2
</div>
<div class="form-right">
Formularfeld 3
Formularfeld 4
</div>

Oder schau mal hier. Den Link den thepixture schon gepostet hat.

[Melanie]

Hallo,

Ich wollte mal fragen, wie ich das

<div class="form-left">

bzw. das

<div class="form-right">

In den Quelltext bekomme?

Wenn ich das Formular mit dem Formulargenerator erstelle, wird doch alles hintereinander weg geschrieben, wie kann ich da einfach etwas zwischen einfügen?

LG
Melanie

[planepix]

Hallo Melanie,

im Formulargenerator kannst Du neben Textfelder u.a. auch ein Element HTML auswählen und dann die HTML-Tags eingeben.

[Melanie]

Super, dankeschön. Jetzt hab ichs auch verstanden :-)

[iku]

Hi,
Ich habe das obige mal probiert. Doch nun bin ich unschlüssig wie das form-right und form-left in der CSS Datei behandelt werden soll?? .form-left ? Welche Eigenschaften? Ich habe gerade ein Brett vor dem Kopf...?*? Oder komme mit position CSS nicht zurecht.

Gruss

[planepix]

Hallo iku,

im Beispiel hat das Formular die ID 7; die CSS dafür sind so beschrieben / definiert:

#main #f7 .form-left{width:250px;height:140px;}
#main #f7 .form-right{width:250px;height:140px;top:-144px;position:relative;float:left;left:350px;}

[iku]

Es hat sich schon was verändert aber ich denke bei mir wird trotz jetzt richtiger Position dank CSS zwar der richtige Bereich gezeigt aber meine Formulardaten sind nicht im DIV Container wenn ich den Quelltext ansehe??

Gruss

[planepix]

das müsste man sich mal in Live ansehen...

[iku]

das müsste man sich mal in Live ansehen...

pm ist unterwegs, leider bin ich schnell unterwegs und kann erst wieder später zum Thema etwas schreiben...

[planepix]

Wichtig: Stelle in den Formular-Kopfdaten das Formular auf tabellenlos.

[iku]

Hi,
Also es hat geklappt mit den Positionierung. Jetzt habe ich nach 2 Stunden rumbasteln was erschreckendes festgestellt.!! Man kann die Erweiterung 'subcolumns' auch beim Formular benutzen.
Kurz gesagt, man kann sich das 'gefrickel' mit CSS ersparen ......?? und gleich 2 Spalten machen....vorrausgesetzt man verwendet unter Formular die Einstellung 'tabellenlos' (ich nehme stark an das diese Erweiterung natürlich technisch auf der Lösung oben aufbaut)

Gruss und trotzdem Danke

Ingmar

[varix]

Hallo,

die Aufteilung nach folgendem System

<div class="form-left">

<div class="form-right">

funktioniert gut und konnte ich auch schon nutzen. Danke für den Tipp.

Allerdings gibt es einen kleinen Schönheitsfehler.

Wenn in einem 2-spaltigen Formular folgende Inhalte anlege:
Vorname(links), Name(rechts) oder Straße(links) und Hausnummer(rechts), bin ich als User gezwungen, wenn ich es auch so eingeben möchte,
dass ich die Felder jeweils mit der Maus anklicken muss. Ansonsten würde man im linken Formular nach der Eingabe des Vornamen durch die Tab-Taste
nicht zum rechten Formular und zu Eingabe des Nachnamen wechseln, sondern würde im linken Formular bleiben und das Feld Straße eingeben. erst später, also
beim Wechsel vom linken zum rechten Formular wäre man dann wieder beim Nachnamen.

Die Lösung wäre dann wahrscheinlich nur, wenn ich zusammenhängende Dinge (wie o.g.) untereinander anordne.

varix

[MacKP]

Hallo varix,
wenn du die Anordnung so haben möchtest, dann versuch doch einfach mal den Feldern selber die Klassen zu geben. Das sollte dann auch funktionieren ;-)

Viele Grüße

[do_while]

Hallo varix,

wenn Du die Erweiterung subcolumns installiert hast, gibt es die Subcolumns auch in den Fornularen (natürlich nur in den tabellenlosen Formularen).