-
Submit mit FontAwesome
Hallo Community!
Ich versuche einen Icon-Button mit FontAwesome zur realisieren, scheitere aber scheinbar leider am DCA-Config-Eintrag.
PHP-Code:
$GLOBALS['TL_DCA']['tl_form_field']['fields']['slabel']['eval']['allowHtml'] = true;
Als Ergebnis erhalte ich aber immer nur das HTML als Zeichenkette ausgegeben, anstatt gerendert.
Habe ich da einen Fehler? Oder ist das für Submit einfach nicht vorgesehen?
LG
-
Lösung
Okay, ich habe es nach ein wenig mehr Recherche nun doch zusammengebracht :cool:
Folgender Beitrag hat mir den entscheidenden Hinweis gegeben:
https://community.contao.org/de/show...l=1#post426300
Ich habe also das Template form_submit dupliziert und das input-Element durch ein button-Element ersetzt:
PHP-Code:
<button type="submit" id="ctrl_<?= $this->id ?>" class="submit<?php if ($this->class) echo ' ' . $this->class; ?>" <?= $this->getAttributes() ?>><?= $this->slabel ?></button>
Außerdem habe ich die Funktion specialchars für $this->slabel entfernt.
Anschließend habe ich natürlich das Template dem Submit-Button zugewiesen und schon hatte ich mein gewünschtes Icon.
Ich hoffe mein Beitrag kann auch anderen Contao-Nutzern mit ähnlicher Aufgabenstellung weiterhelfen!
-
Eine deutlich einfachere Lösung ist es allerdings, das Template form_submit zu duplizieren, umzubenennen (um nicht alle Buttons zu überschreiben; z.B. form_submit_icon) und zu bearbeiten. Man muss dann lediglich das notwendige HTML an der richtigen Stelle platzieren und das eben erstellte Template dem Button zuweisen.
-
Das wäre doch ein Fall von CSS ohne Templateanpassungen?
Mit dem Attribut :before.
Kurz gesucht: https://notizkraft.de/font-awesome-i...css-einfuegen/