Hallo Roland,
danke für den Link.
Die Platzierung der Fehlermeldungen im mehrspaltigen Layout ist etwas kompliziert. Bei den "normalen" Layouts, die ein Eingabefeld jeweils in einer eigenen div anzeigen, verschiebt die Fehlermeldung die div nach unten. Da keine weiteren Eingabefelder in der Reihe stehen, sieht das dann alles ganz ordentlich aus.
Beim mehrspaltigen Layout ist das etwas anderes, weil ja mehr als ein Eingabefeld in der umhüllenden div steht. Wenn dann nur eines dieser Felder eine Fehlermeldung hat und nach unten geschoben würde, würde das furchtbar aussehen. Das habe ich bei der Entwicklung der mehrspaltigen Layouts ausgiebig getestet.
Letztlich habe ich mich deshalb beim mehrspaltigen Layout dafür entschieden, die Fehlermeldungen absolut zu positionieren und die Eingabefelder nicht zu verschieben um Platz für die Meldung zu schaffen. Auch im Beispiel
Mehrseitiges Formular
hier auf der Webseite, werden die Fehlermeldungen teilweise über den Inputs angezeigt.
Normalerweise sollte die Fehlermeldung, abhängig von der Breite des Controls, so breit wie möglich angezeigt werden, wobei es eine Obergrenze der Breite gibt, damit die Meldung nicht über die ganze Seite geht. Dies funktioniert mit deinem Template css nicht ganz, deshalb sind alle Meldung so schmal und hoch und das Problem verschärft sich hierdurch sehr. Du müsstest noch folgende Regel hinzufügen
Code:
fieldset label.error {
width: auto;
}
dann werden die Fehlermeldungen bei den breiten Eingabefeldern auch deutlich breiter dargestellt.
Trotzdem stehen die Fehlermeldungen, insbesondere wenn diese lang sind und das dazughörige Feld schmal ist), zum Teil noch über anderen Feldern. Man muss also tatsächlich zuerst die Fehler in den Feldern, an die man dran kommt, beheben, wenn die Fehlermeldungen angezeigt werden. Ich denke allerdings, dass der Fall, dass ein Benutzer überhaupt nichts eingibt und alle Fehlermeldungen angzeigt werden, ist eher selten, so dass bei einer "normalen" Benutzung des Formulars, wenn nur wenige Fehlermeldungen aufpoppen, doch die meisten Felder gut zugänglich sind.
Im mehrspaltigen Formular gibt es eine gewisse Konkurrenz darum, wo und wie Informaitonen dargestellt werden, also z.B. ob etwas ein Pflichtfeld ist, wo man zusätzliche Information unterbringt, was der Benutzer in das Feld schreiben soll und was man im Fehlerfall macht.
Evtl. wäre es auch eine Option, dass du zum Teil kürzere Fehlmeldungen verwendest und für die längeren Texte den "Tips Text" verwendest. Dieser wird dann als als Tooltip angezeigt, wenn man mit der Maus über das Label fährt und wieder verschwinden, wenn die Maus nicht mehr über dem Label steht.
Herzliche Grüße,
Aicha
I recommend you the new and up-to-date documentation for Joomla 4:
.