Download: Uikit Template für Seblod
Möchte man in einem List & Search Type die Ausgabe mit dem CSS Framework Uikit gestalten, so stößt man bei den normalen Seblod Templates an die Grenzen.
Das simple Problem liegt darin, dass es keinen Zugriff auf den Hauptcontainer gibt, sowie auf dem direkt Nachfolgendem, um hier Uikit Klassen für einem Grid-Konstrukt zu vergeben.
<div class="uk-grid"> <div class="uk-width-1-2">
1. Datensatz von Seblod
</div> <div class="uk-width-1-2">
2. Datensatz von Sebldo
</div></div>
Das Template lässt sich auch für andere Fälle einsetzen. Es gibt den Inhalt der einzelnen Datensätze blank aus und ermöglicht die Bestimmung von Oberklassen wie in diesem Beispiel von uk-grid.
Das Uikit Template für Seblod basiert auf dem List Template.
Anleitung
- Installation des Templates über den Joomla Installer
- List and Search Type anlegen und Auswahl des Uikit Templates
- Einstellung der Oberklasse
Gehe zum Reiter List, dann auf Template
Fülle unter dem Bereich Style ins Feld Class (CSS) "uk-grid"
Hinweis 1: Display muss auf "Standard (List View - No Position)" stehen
Hinweis 2: Bei gewünschten Abständen im Grid fügt man das Attributdata-uk-grid-margin=""ins Feld Custom Attributes ein. - Erstelle das gewünschte MarkUp im List-View mithilfe der Felder Div
Hinweis: ein Position Overwrite ist nicht möglich, braucht man php Code ist das Codepack zu empfehlen
Download
Uikit Template for Seblod - Version 1.0 für Seblod 3.X