View mit dynamischen Layoutraster
Eingetragen von steffis. (389)am 15.10.2020 - 15:18 Uhr in
Hallo,
Auf Themenseiten sollen jeweils die (maxilal 3) aktuellen Blogbeiträge zum Thema angezeigt werden.
Und zwar Titel und Bild als Link. - Nebeneinander.
Also wenn man beispielsweise ein Bootstrap-Raster zugrunde legt, müsste das so aussehen:
Solange es nur einen Beitrag gibt:
<div class="row">
<div class="col-md-12">Beitrag1</div>
</div>Falls es zwei Beiträge gibt:
<div class="row">
<div class="col-md-6">Beitrag1</div>
<div class="col-md-6">Beitrag2</div>
</div>Für 3 und mehr Beiträge
<div class="row">
<div class="col-md-4">Beitrag1</div>
<div class="col-md-4">Beitrag2</div>
<div class="col-md-4">Beitrag3</div>
</div>Hatte überlegt, ob man mit Views Field View arbeiten könnte und mit Überschreiben bei leeren Feldern. klappt aber nicht wirklich.
Jemand eine Idee?
- Anmelden oder Registrieren um Kommentare zu schreiben
Interessante Frage. Ich
am 16.10.2020 - 06:54 Uhr
Interessante Frage.
Ich arbeite auch mit Bootstrap und Views, aber immer mit genug Einträgen. ;-)
Egal wie, ich würde nicht mit Views Field View arbeiten, weil ich glaube, dass die Performance-Einbuße durch die zusätzliche View nicht gerechtfertigt ist für ein optisches "Problem".
Eher im Template der View etwas manipulieren.
Ob es ohne Theme-Function klappt, die Dir die Anzahl an Zeilen liefert, weiß ich nicht.
Die Anzahl der Zeilen bekommt man in der View ja leider nur im Header oder Footer.
Vielleicht könnte man da einen umschließenden Container bauen mit einer Klasse anzahl@total und davon abhängig die bootstrap-Klassen für breite Ansicht überschreiben.
JQuery wäre natürlich auch eine Variante, um die Classen zu beeinflussen.
Ich häng mich einfach mal dran.
Vielleicht kommt noch eine sinnvollere Antwort.
Danke für deine
am 16.10.2020 - 08:52 Uhr
Danke für deine Anregungen!
anzahl@total im Template könnte ein Ansatz werden.