Submit mit FontAwesome

[Aleks]

Hallo Community!

Ich versuche einen Icon-Button mit FontAwesome zur realisieren, scheitere aber scheinbar leider am DCA-Config-Eintrag.

$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

[Aleks]

Okay, ich habe es nach ein wenig mehr Recherche nun doch zusammengebracht

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:

<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!

[Aleks]

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.

[planepix]

Das wäre doch ein Fall von CSS ohne Templateanpassungen?
Mit dem Attribut :before.

Kurz gesucht: https://notizkraft.de/font-awesome-i...css-einfuegen/