it-swarm.com.de

Wie füge ich ein Bild / Symbol in die Kopfzeile der Verwaltungsseiten einer Komponente ein?

Ich baue meine eigene Komponente und möchte meine Icons/Bilder links vom Titel auf den Verwaltungsseiten der Komponente (Backend) hinzufügen, wie es die Kernkomponenten getan haben.

enter image description here

Wie macht man das?

5
FFrewin

Sie können eine Klasse für den Headertitel Ihrer Ansicht definieren, während Sie die Symbolleiste für Ihre Ansicht in view.html.php. erstellen

In Ihrer Funktion "addToolbar ()" können Sie die Methode JToolbarHelper :: title () aufrufen und einen zweiten Parameter (String) angeben, um eine CSS-Klasse für die zu definieren Symbolleistentitel mit dem Präfix "icon-".

Beispiel:

JToolbarHelper::title(JText::_('COM_MYCOMPONETE_LIST_ITEMS'), 'myclass');

Dies führt zu folgendem HTML:

<h1 class="page-title">
    <span class="icon-myclass"></span>
    My Componete: List Items
</h1>

Sie können auch mehrere durch Leerzeichen getrennte Wörter eingeben, die als zusätzliche Klassen hinzugefügt werden.

Anschließend können Sie die Regel für Ihre Klasse in die CSS-Datei Ihrer Komponente aufnehmen und Ihr Hintergrundbild angeben. Der Speicherort Ihrer CSS- und Images-Datei sollte sich im Medienordner befinden.

Beispielsweise:

media/mycomponent/images/

media/commycomponent/css/admin.styles.css

Beachten Sie jedoch, dass es in Joomla 3 üblich ist, keine Bilder zu verwenden, anstatt das CSS-Pseudoelement :: before mit dem CSS-Attribut "content" zu verwenden, und die bereits in Fontawesome geladene icomoon-Schriftart zu nutzen die Admin-Vorlage (und Sie finden sie hier: "media/jui/fonts /").

Das folgende CSS-Beispiel fügt das Symbol "Home" links vom Titel der Ansicht hinzu:

.icon-myclass::before {
    content: "\0021"; 
}
  • "\ 0021" ist der Unicode für das Ausrufezeichen (!) * /
6
FFrewin