Formular-Error-Message positionieren?
Hallo,
als Anfänger ohne PHP-Kenntnisse würde mich folgendes interessieren:
Beim Absenden eines Formulars mit nicht ausgefüllten Pflichtfeldern erscheint zwischen Label und Input die Fehlermeldung "Bitte füllen Sie das Feld "feldbezeichnung" aus!". Beispiel:
Code:
<p class="error">Bitte füllen Sie das Feld "Straße:*" aus!</p>
Dieser Text zerstört leider mein Formularlayout. Wie könnte ich erreichen, dass an einer von mir definierten Stelle im Formularlayout diese Meldungen (z.B. untereinander) ausgegeben werden?
Gruß,
Andreas
Ich habe ein anderes Problem...
Mit meinem Formular habe ich ein anderes kleines Problem: die Fehlermeldung beim Login z. B. ist durchformatiert, bei mir so:
Code:
p.error
{
margin-bottom:6px;
padding:2px 4px;
text-align:left;
border:1px solid #f00;
font-weight:bold;
font-size:11px;
color:#f00;
}
Nirgendwo steht etwas von anderen Positionsangaben, und trotzdem wird bei einem Login-Fehler jedesmal die Meldung um 66 Pixel nach rechts gerückt platziert und dann auch noch dummerweise abgeschnitten. Siehe:
http://www.pielawa.de/bilder/forum/d...ogin-error.jpg
Woran das liegt, weiß ich nicht, ich habe auch schon testweise den Code
Code:
<script type="text/javascript">
<!--//--><![CDATA[//><!--
window.scrollTo(null, ($('tl_login').getElement('p.error').getPosition().y - 20));
//--><!]]>
</script>
mal aus der form.tpl entfernt, aber das hilft nichts. Was bewirkt dieses merkwürdige Einrücken, wie kann ich das wieder bündig bekommen?
Liste der Anhänge anzeigen (Anzahl: 1)
Tut mir leid, dass ich so unpräzise war, vor lauter frust habe ich den eigentlichen Inhalt etwas zu kurz kommen lassen.
In Chrome sind die Füllen Sie bitte dieses Feld aus-Meldungen bei dem Registrierungsformular überall im Browser verteilt, aber nicht an das Textfeld geheftet, wo sie eigentlich hin gehören.
Ein Kollege hat im FF das Problem, dass sich diese Meldung über den ganzen Bildschirm (1920px) streckt und das, obwohl es der Inhalt gar nicht benötigt.
Ich hab jetzt auch mal eine Screen-Shot gemacht. Ich würde gerne diese Meldung stylen und verschieben können, oder zu mindest verschwinden lassen, da das Textfeld ja selbst auch rot wird.
Verschwinden lassen halte ich nämlich immer noch für besser als eine Meldung, die irgendwo im Nirvana auftaucht.
Danke vorab.
Gruß Sven
EDIT: Ich glaube das Ding heißt Tooltip
EDIT 2: Ich hab jetzt noch ein paar Artikel zum Thema Tooltip gelesen die mich zwar nicht wirklich weiter gebracht haben, aber kann es sein, dass die ToolTips auf den "Mist" vom Browser gewachsen sind und somit von mir/css gar nicht beeinflusst werden können?
Liste der Anhänge anzeigen (Anzahl: 1)
Hallo zusammen,
ich will den Thread nochmals aufrollen, denn eine Lösung scheint nicht gefunden. Ich habe dasselbe Problem - siehe Screen anbei.
Anhang 19106
Die Fehlermeldung liegt über der Navi. Am zugehörigen Feld zwar, aber ich würde es gerne anders positionieren. Das gelingt mir nicht, weder mit CSS nocht per Javascript. Ich habe dazu folgenden Thread auf Github gefunden https://github.com/contao/core/issues/7765 und all das probiert: leider erfolglos.
Per CSS konnte ich das Ding auch nicht ansprechen, nicht mal ausblenden mittels .ce_form .error { display:none; } - also muss es anders heißen. Aber untersuchehn kann man es auch nicht, da es immer wegspringt, wenn man die Entwicklertools nimmt. Ich verwende das Notification Center. Kann es daran liegen?
Hat noch jemand einen Ansatz?
Danke schon mal und viele Grüße Marion