2-spaltiges Formular & Tabell Darstellung

Hallo zusammen
Wie kann ich aus einem 1-spaltigen ein 2-spaltiges Formular erstellen. Hier der Link zur Ansicht:  groovedan.com/kunden/sportstadt-luzern/i...eit/inserat-erfassen
Und auf der Ergebnisseite würde ich gerne die Tabelle schöner Formatieren. Also Padding etwas grösser und die Tabellentiteln links ausrichten.
Ansicht:  groovedan.com/kunden/sportstadt-luzern/i...ligenarbeit/inserate
Ich habe J4 und YTP im Einsatz.
Vielen Dank

Hallo,

du hast ja in der Formularkonfiguration auf dem Reiter 'Erweitert' schon sehr gut als UIFramework UIkit 3 ausgewählt.

Direkt darunter ist die Option "Sublayout".
Dort stellst du den Wert "individuell" ein.

Anschließend hast du in den Feldoptionen auf dem Reiter 'Erweitert' zusätzlich sehr viele Layout Optionen.

Mit den Optionen für die "Feldbreite" stellst du ein welchen Platz die gesamte Feldgruppe einnehmen soll.
Die Feldgruppe ist das Label, der Input und der Platz für eine Fehlermeldung.

Mit den Optionen für die "Labelbreite" stellst du ein wie breit das Label innerhalb der Feldgruppe sein soll.
Die Breite die der Input einnahmen darf wird automatisch berechnet.
Wenn du bei Labelbreite 6/6 einstellst, dann steht das Label über dem Input. Wenn du einen anderen Wert wählst, dann steht das Label neben dem Input.

Die einzelnen Feldgruppe werden entsprechend ihrer Breite einfach der Reihe nach von links nach rechts in Zeilen eingefüllt. Ist ein Zeile voll, dann erscheint die nächste Feldgruppe in der nächsten Zeile darunter ganz links.

Außerdem hast du die Möglichkeit für unterschiedliche Devicegrößen unterschiedliche Breiten zu setzen.

Die Datentabelle ist mit sehr gut strukturierten HTML Klassen aufgebaut.
Die Struktur kannst du dir sehr gut mit den Browsertools ansehen.
Individuelle Formatierungen musst du mit Hilfe von CSS einfügen.

Herzliche Grüße,
Aicha
 

Perfekt - vielen Dank.