search

madeyourday / contao-rocksolid-icon-picker

RockSolid Icon Picker Contao Extension
http://rocksolidthemes.com/de/contao/plugins/custom-content-elements
MIT License
5 stars 3 forks source link

Die Icon-Font-Datei "files/fonts/rocksolid-icons.svg" wurde nicht gefunden! #2

Closed ghost closed 10 years ago

ghost commented 10 years ago

Ich bekomme obigen Fehler. Ich finde die Icon Datei weder hier auf Github noch wird diese installiert. Wo bekomme ich die Font Datei her ?

ausi commented 10 years ago

Der Icon Picker funktioniert mit jedem Icon-Font der auch eine SVG-Datei enthält. Geben Sie in der Feldkonfiguration unter eval als iconFont den Pfad zur SVG-Datei Ihres Icon-Fonts an.

Falls Sie den Icon-Font von RockSolid Themes verwenden möchten, können Sie sich das Free Theme Open Sauce für Contao herunterladen, dort ist ein Icon-Font enthalten.

ghost commented 10 years ago

Ich habe nun einmal Fontawesome eingebunden über

'iconFont' => 'files/layout/fonts/fontawesome-webfont.svg',

Im Backend werden die Fonts geladen, im FE werden diese allerdings nicht ausgegeben, sondern nur die Zahl. Bspw. "f08e", nicht aber der Name, der z.B bei Fontawesome erfolderlich ist.

ausi commented 10 years ago

Im Frontend kann das Icon durch ein data-icon-Attribut ausgegeben werden:

<div data-icon="&#x<?php echo $box->icon ?>;">

Mit folgendem CSS kann dieses Attribut in ein Icon verwandelt werden:

*[data-icon]:before {
    font: 100%/1 "Der Name des Icon-Fonts";
    content: attr(data-icon);
}
ghost commented 10 years ago

Danke.

Mit Fontawesome klappt es allerdings nicht mit dem div, sondern mit <i>. Für alle die das gleiche Problem haben.

<i data-icon="&#x<?php echo $box->icon ?>;"></i>