Druckbare Version
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,
Schau mal hier rein, das wird Dir vielleicht helfen.
Das ist logisch, denn beide Formulare werden getrennt behandelt.Zitat:
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.
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.
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:
Oder schau mal hier. Den Link den thepixture schon gepostet hat.Code:<div class="form-left">
Formularfeld 1
Formularfeld 2
</div>
<div class="form-right">
Formularfeld 3
Formularfeld 4
</div>
Hehe, wieder was gelernt!
Daran habe ich noch garnicht gedacht.
Danke planepix. ;)
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
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...
Zitat:
Zitat von planepix
Hallo,
Ich wollte mal fragen, wie ich das
bzw. dasCode:<div class="form-left">
In den Quelltext bekomme?Code:<div class="form-right">
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
Hallo Melanie,
im Formulargenerator kannst Du neben Textfelder u.a. auch ein Element HTML auswählen und dann die HTML-Tags eingeben.
Super, dankeschön. Jetzt hab ichs auch verstanden :-)
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
Hallo iku,
im Beispiel hat das Formular die ID 7; die CSS dafür sind so beschrieben / definiert:Code:#main #f7 .form-left{width:250px;height:140px;}
#main #f7 .form-right{width:250px;height:140px;top:-144px;position:relative;float:left;left:350px;}
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
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...Zitat:
Zitat von planepix
Wichtig: Stelle in den Formular-Kopfdaten das Formular auf tabellenlos.
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
Hallo,
die Aufteilung nach folgendem System
Code:<div class="form-left">
funktioniert gut und konnte ich auch schon nutzen. Danke für den Tipp.Code:<div class="form-right">
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
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
Hallo varix,
wenn Du die Erweiterung subcolumns installiert hast, gibt es die Subcolumns auch in den Fornularen (natürlich nur in den tabellenlosen Formularen).