Neu: Icon Picker für das Nutshell-Framework
von Nicole Erdmann
Der Nutshell Icon Picker ist ein generischer Inline-SVG-Icon-Picker für das Contao-Backend. Er lädt Icons aus konfigurierbaren Verzeichnissen und macht sie über ein Modal-Widget in beliebigen Elementen und Modulen im Backend auswählbar.
Die Besonderheit: SVG-Icons werden inline im Frontend ausgegeben, das bedeutet, sie lassen sich bei Bedarf per CSS farbig anpassen oder animieren.
Die wichtigsten Funktionen:
- DCA-Widget
iconPicker– Auswahl per Modal-Dialog mit Live-SVG-Vorschau; gespeichert wird der Slug (Dateiname ohne.svg). - Layer-Override – mehrere Icon-Verzeichnisse möglich; bei gleichem Namen gewinnt das zuletzt konfigurierte, sodass eigene Icons die Standard-Icons überschreiben.
- Gruppierung – Unterordner werden im Modal als aufklappbare Gruppen dargestellt.
- Twig-Funktion
inline_icon()– rendert Icons im Frontend wahlweise als vollständiges Inline-SVG oder als use-Referenz auf ein gebautes Sprite. - SVG-Sanitizer – entfernt Skripte, Event-Handler und externe Referenzen, bevor ein SVG ausgegeben wird.
Die Icon Picker Erweiterung wurde speziell für die Verwendung mit dem Nutshell Framework und den Flow Contao Themes entwickelt.
Kommentare
Einen Kommentar schreiben