[Gelöst] Fehlerausgabe anpassen - nur Labeltext einfärben?

[RobertB]

Guten Abend liebe Community,

ich bin gerade dabei Formulare mit dem EFG zu basteln. Dabei ist mir aufgefallen das bei einer fehlerhaften Eingabe immer noch weiterer Text angezeigt wird.
Ist es nicht möglich einfach nur das betreffende Label zu färben ohne zusätzlichen Text anzuzeigen?

Also aus

-> Geburtsdatum * [EINGABEFELD]

wird bei fehlerhafte Eingabe

-> Geburtsdatum * [EINGABEFELD]

Mir ist bewusst, dass ich das über ein Template regeln muss, jedoch gleichzeitig auch nicht welches bzw. wie ich es anpassen muss.

Wenn mir hier jemand helfen kann wäre ich sehr dankbar.

Vielen Dank schonmal.

[xchs]

Hallo RobertB,

für die Ausgabe des Labels und der Fehlermeldung ist das Template "form_widget.*" zuständig.

Das Label erhält im Fehlerfall die CSS-Klasse "error" zugewiesen; damit kannst Du dann die gewünschte Formatierung zuweisen.

[RobertB]

Das ich alles über .error anpassen kann ist mir bewusst.

form_widget.*

<?php if (!$this->tableless): ?>
  <tr class="<?php echo $this->rowClass; ?>">
    <td class="col_0 col_first"><?php echo $this->generateLabel(); ?></td>
    <td class="col_1 col_last"><?php echo $this->generateWithError(); ?></td>
  </tr>
<?php else: ?>
  <?php echo $this->generateLabel(); ?> 
  <?php echo $this->generateWithError(); ?><br>
<?php endif; ?>

Wie bekomme ich dieses Template nun so angepasst, dass wenn ein Fehler auftritt nicht
mehr diese zusätzliche Fehlermeldung "Bitte füllen Sie das Feld "xx" aus" mit ausgegeben wird,
sondern das Label einfach nur die Class .error zugewiesen bekommt?

[RobertB]

Okay, hat sich erledigt ^^

Manchmal ist dahingehend ein wenig eigeninitiatives Denken doch ganz gut.

Der Angepasste Code sieht dann wie folgt aus:

<?php if (!$this->tableless): ?>
  <tr class="<?php echo $this->rowClass; ?>">
    <td class="col_0 col_first"><?php echo $this->generateLabel(); ?></td>
    <td class="col_1 col_last"><?php echo $this->generate(); ?></td>
  </tr>
<?php else: ?>
  <?php echo $this->generateLabel(); ?> 
  <?php echo $this->generate(); ?><br>
<?php endif; ?>

Vielen Dank für die schnellen Denkanstöße

[xchs]

Man könnte das auch per CSS ausblenden:

div.error, p.error {
    display: none;
}

[RobertB]

Die Variante ist natürlich eleganter.

Ich werde wohl auch darauf zurück greifen.

Danke nochmal!

[racer99]

Bei mir kommt immer ein "Popup" im Fehlerfall. Das bekomme ich nicht weg.

div.error, p.error {
display: none;
}

hat darauf scheinbar keine Auswirkung.

Das form_widget habe ich angepasst, es wird auch verwendet, trotzdem kommt immer dieses Popup

Wie kriege ich das weg?

[RobertB]

Verwendest du bei deiner Contao Installation HTML5, also HTML als DocType?

Wenn ja dann greift die Clientseitige Fehlerkorrektur die seit HTML 5 integriert ist
eingeführt wurde. Diese Fehlermeldung (das Popup) kommt also nicht durch Contao
sondern durch deinen Browser.