Navigation mit SVG-Icon pro Navigationspunkt
25. April 2023
navigation grafik bild svg icon
Navigationen über Bilder bzw. Icons in der Darstellung optimieren
Die BASE erlaubt in aktueller Version, eigene SVG-Icons pro Navigationspunkt zu nutzen. Hierzu ist das Navigationstemplate (full.wNavigation.php) und die zugehörige Navigations-SCSS-Datei entsprechend vorbereitet. Ebenso ist die Plfegemaske für die Navigationsbearbeitung schon mit dem erforderlichen Attribut ausgestattet, über welches der Pfad zum SVG-Icon gepflegt werden kann. Das Attribut muss auf editable="1" gesetzt sein, damit zur Navigationsbearbeitung das Icon-Feld erscheint.
Beispiel: Auszug aus /[IHR-LAYOUT-PROJEKT]/wGlobal/layout/editor/navigation/attributes.wEditorNavpoint.php
...
<attribute name="iconImg" editor="file" pathIfEmpty="$WSLPRE[wProjectLayoutPath]/wGlobal/layout/images/svg-icons" value="" caption="Icon" editable="1" levelsEditable="1"/>
...
In der Bearbeitung können Sie die gewünschte SVG-Grafik über den Dateiexplorer auswählen.
Bei installiertem Weblic® "SVG Icon" können Sie übrigens direkt die darüber bereitgestellten SVG-Icons zur Umsetzung einer Navigation mit Icons nutzen.