Download: Uikit Template für Seblod

Autor: Christian Hamberger, Kategorie: Seblod, Erstellt am: 18.02.2016, Bearbeitet: 01.05.2016, Aufrufe: 1027

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

  1. Installation des Templates über den Joomla Installer

  2. List and Search Type anlegen und Auswahl des Uikit Templates

  3. 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 Attribut data-uk-grid-margin="" ins Feld Custom Attributes ein.

  4. 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

 

Christian Hamberger
01.05.2016
Seblod
18.02.2016
1027
Hinweis

Die Umsetzung der hier gemachten Lösungen und Vorschläge geschehen immer auf eigener Gefahr.