mehrspaltiges Formular

Hallo,
ich möchte ein mehrspaltiges Formular erstellen, wo auf der linken Seite mehrere einzeilige Felder angezeigt sind und auf der rechten Seite ein mehrzeiliges Textfeld. wie ist so etwas machbar? 
 

Hallo,

das geht nicht.

Das mehrspaltige Formular wird zeilenweise erstellt. Und in der Zeile kannst du dann festlegen wie viele Spalten (=Felder) diese (nebeneinander) haben soll.
Eine tiefere Verschachtelung, wie du sie beschreibst, also dass dann innerhalb einer Spalte wieder mehrere Zeile untereinander stehen, ist nicht möglich.

Gruß,
Aicha

Sehr schade! Das eigentlich sehr gute tool wird dadurch sehr stark eingeschränkt. Ich würde mir wünschen, dass ihr daran arbeitet, es ist meines Erachtens ja nichts ungewöhnliches, wenn man ansprechende Formulare präsentieren möchte.

sorry, dass ich diesen alten Thread noch mal aufwärme, aber ich finde das auch ausgesprochen schade, wir haben viele teils zweispaltige Formulare u.a. auch mit conditionals, was mit dieser zweilenweisen Art der Felddarstellung gar nicht funktionieren würden. Ich möchte die Einführung von Containern vorschlagen, die als Spalten fungieren könnten. Z.B. Fieldsets

Hallo kommid,

kein Problem!
Außerdem sind wir immer dankbar für Vorschläge, die aus der Anwendung von Visforms resultieren!

Ich habe mir das mit der mehrspaltigen Feldanordnung nochmal angeschaut.

Mehrspaltiges Formular:

Die zeilenweise Verteilung der Felder versagt bei gleichzeitiger Verwendung von bedingten Feldern.
Nicht sichtbare bedingte Felder führen dazu, dass alle nachfolgenden Felder aller nachfolgenden Zeilen nachrutschen.
Dadurch kommt die gewünschte Feldverteilung komplett durcheinander.

Das ist in meinen Augen ein Bug in der Anzeige von Visforms.

Da das Nachrutschen aller Folge-Felder unter Umständen auch gewollt sein könnte, werden wir eine neue Einstellung in der Feld-Konfiguration einbauen.
Es wird erstmal eine Toggle zwischen zwei Einstellungen sein, im Sinne einer Auswahlmöglichkeit von 'Nachrutschen' sowie 'Platz weiterhin einnehmen' sein.

Ich habe dazu den folgenden Issue der Visforms Entwicklungs-Liste hinzugefügt:
Issue VF-640 - Forum: Conditional Fields: Add toggle to switch display behavior in case of 'invisible'

Die Implementierung wird im Kern auf den Umgang auch mit den beiden CSS-Attributen 'visibility' und 'display' hinauslaufen.
Allerdings ist die Implementierung schon ziemlich komplex, weil man nicht für ein Formular oder ein Feld sagen kann: immer 'visibility' oder immer 'display' zur Steuerung verwenden.

Was man im Detail verwenden muss, hängt auch vom responsiven Verhalten des Feldes ab.
Und da gibt es die 5 unterschiedlichen Device-Größen, die getrennt konfiguriert werden können, also nicht allein genau einen definierten 'Breakpoint'.

Und ich vermute auch, dass die Konfiguration der Nachbarfelder auch noch eine gewisse Rolle spielt.

Die hierzu notwendigen responsiven Klassen sind dann wieder abhängig vom gewählten UI-Framework.
Für jedes unterstützte UI-Framework muss jeweils Framework-spezifisches CSS geliefert werden.

Gruß, Ingmar

Hallo kommid,

nur zum Verständnis: Die Zeilenweise Anordnung arbeitet bereits mit einem horizontalen Container pro Zeile.

Vertikalen Container:

Es entspricht nicht modernen Webseiten, wenn die Darstellung auf einer (1) Device-Größe allein im Fokus steht.
Und wenn, dann sollte es immer die mobile Device sein: 'mobile first'.
Was für den Monitor durchaus toll sein kann, wird sehr schnell ein riesiges Problem und sogar richtig schlecht für den Anwender, wenn die Device-Größe drastisch abnimmt.

Nur ein Beispiel von vielen Aspekten:
In einem Formular stehen wichtige Dinge oben.
Bei 3 vertikalen Containern etwa, würde der obere Bereich (mit den wichtigen Informationen dort oben) auf mobilen Endgeräten weit nach unten rutschen.
Der mittlere Container fängt dann (mit seinen wichtigen Daten) erst nach 1/3 an und der dritte Container sogar erst nach 2/3 der gesamten Höhe - das ist ziemlich weit unten.

Wenn also auf einer mobilen Plattform die Container mit wichtigen Informationen (in ihren oberen Bereichen) nach unten rutschen, dann kann ich es ja auf dem Monitor auch so machen.
Anders ausgedrückt:
Wenn die rechte Textarea mobil unten steht, dann kann ich sie auf dem Monitor gleich auch unten darstellen.
Also direkt unterhalb der anderen Felder:
Alle anderen Felder mehrspaltig oben und übersichtlich darunter die 'zugehörige' große einzeilige Textarea allein in seiner Zeile.
Das sieht auf allen Plattformen dann gut und ähnlich aus.

Zugegeben, bei einem kleinen Formular wären vertikale Container durchaus ein akzeptables Mittel der Wahl.
Nicht aber bei großen Formularen mit vielen Feldern oder mehr als zwei bis drei Containern.
Und auch beim kleinen Formular ist für den Endanwender die Usability des Formulars meiner Meinung nach in keiner Weise eingeschränkt, wenn die 'zugehörige' Textarea darunter stünde.
Letztendlich geht es ja auch um die Klarheit beim Anwender.

Dem steht leider der wirklich große Aufwand gegenüber, den die Implementierung (mit allen Nebeneffekten) einer neuen Option 'Vertikale Container' bedeuten würde.

Vertikale Container haben in Bezug auf responsibles Verhalten noch andere Nachteile gegenüber den horizontalen Containern.
Das ist auch der Grund, warum responsible UI-Frameworks auf Zeilen achten.

Gruß, Ingmar