Bento-Box-Layout mit Grid-Erweiterung oder custom scss?

[conter]

Hallo zusammen,

ich habe heute mal eine Design-Frage.
Hat jemand schon mal eine Grid-Erweiterung, die display: grid; verwendet, ein Bento-Box-Layout umgesetzt?

Oder ist das eher ein Fall für custom scss?

Viele Grüße,
conter

[planepix]

Hallo conter,

denke diese Erweiterung könnte da passen?
https://packagist.org/packages/dklem...tao_dk_masonry

[conter]

Danke schon mal für den Vorschlag.

Ich hab es mal installiert und den Wrapper für Content-Elemente verwendet.

Das CSS wird aber über Position und float gebaut, obwohl auf der https://masonry.desandro.com/ display: grid; verwendet wird ...

Hab ich was falsch gemacht oder ist die Erweiterung nicht "uptodate" ?

Viele Grüße,
conter

[planepix]

Da würde ich eine Issue im GitHub Repository erstellen und nachfragen.

[zoglo]

Die Erweiterung scheint nicht up to date, sieht man auch am verwendeten CSS.
Frag per Issue nach, wenn du Budget für ein Update einplanen kannst.

Ansonsten einen PR machen oder einen Entwickler finanzieren, der das für dich macht.

[zonky]

wäre auch schön, wenn Dirk die Erweiterung auf Vanilla umstellt - Masonry kann das ja https://github.com/desandro/masonry?...ile#initialize

[conter]

Ich denke, die masonry-Erweiterung kommt für meine Zwecke nicht in Betracht.

Ich will für eine Startseite "einfach" ein paar Elemente nach diesem Layout-Muster anordnen.

Hat jemand außer das css für die Elemente selbst zu schreiben noch Bentobox-Grid-Erfahrungen mit anderen Erweiterungen gemacht?
Zum Beispiel clickpress/contao-clickpress-grid?

Viele Grüße,
conter

[zonky]

Wenn es auch etwas "dirty" sein darf: Du kannst Dir die Inhaltselemente separat irgendwo zum Editieren anlegen und dann in einem manuell gebautem Template für CE-HTML die Inhalte per Insert-Tag bzw. Controller::getContentElement in das Template - damit bleibt das Template übersichtlich und die Inhalte kannst Du oder Redakteur dennoch einfach pflegen...

[mlweb]

Zum Beispiel clickpress/contao-clickpress-grid?

Das ist eine normale Grid-Erweiterung angelehnt an RS-Columns, aber nicht float, sondern grid.

[mlweb]

Ich denke ich würde das manuell mit grid und ggf. subgrid umsetzen.

[derRenner]

Ich kenne Bento-Box-Layout nicht, aber im schlussendlich ist ja wohl nichts anderes als CSS, das von jemanden bereit gestellt wird, oder?
Wenn du dich jedoch mit Grid und seinen Möglichkeiten selbst auseinandersetzen möchtest, dann hast du das rasch erlernt.

Und zum Testen, Üben und Spielen, kannst du das hier ja mal verwenden:
https://cssgridgenerator.com/

So wie @zonky schon vermerkt hat, kannst du dir hier mit dem Zusammenspiel von Artikel und Inhaltselementen sicherlich DEIN Wunschgrid zusammenbauen

[do_while]

Ganz hilfreich ist auch folgende Seite:
https://grid.malven.co

[conter]

Hallo zusammen,

vielen Dank für eure Ideen und Tipps. Ich werde das ganze jetzt ohne Erweiterung angehen.
Im Moment probiere ich Elementgruppe als grid-container aus.

Viele Grüße,
conter