[contao-clickpress-grid] Spaltenset auf Basis von Grid CSS

Da mir Rocksolid Columns vom Handling gut gefällt, ich aber immer ein Gridsystem auf Basis von Grid CSS haben wollte, hab ich jetzt den Code von RSC geschnappt und umgebaut (hab auch vorher gefragt). Dadurch das mit grid-gap keine first-row, last, gap-Klassen mehr benötigt werden und fast alles über das Elternelement gesteuert werden kann, fällt eine ganze Menge HTML und PHP raus.

Noch ein Vorteil durch Grid CSS ist, dass man jetzt im Backend zwischen dem Start- und Stop-Element beliebig viele Elemente packen kann und die Spaltenset-Konfiguration bestimmt, wann im Frontend eine neue Reihe beginnt. Ihr habt also u.U. deutlich weniger Inhaltselemente im Contao.

Das ist die erste Version, aber über Feedback würde ich mich freuen. :)

https://packagist.org/packages/click...lickpress-grid
https://extensions.contao.org/?pages...lickpress-grid
https://github.com/clickpress/contao-clickpress-grid

Anhang 22972
Anhang 22973

Hallo Stefan, gerade deine tolle Erweiterung entdeckt und auf einer frischen Contao 4.8.7 installiert. Teste die nächsten Tage ausführlich. Feedback kommt...:)

hallo stefan.sl

tolle idee, ich war sofort begeistert und habe deine erweiterung in eine frisch upgedatete C 4.9.0 geladen.

im theme angehakt, dass das CSS verwendet werden soll und frisch an's werk - leider werden keine klassen geschrieben. hier ist der output:

HTML-Code:

---

<div class=" ">
    <div class="">
      <div class="ce_text block">

          <p>Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est Lorem ipsum dolor sit amet. Lorem ipsum dolor sit amet, consetetur sadipscing elitr, sed diam </p> 
 
    </div>

    <div class="ce_text block">
       
      <p>nonumy eirmod tempor invidunt ut labore et dolore magna aliquyam erat, sed diam voluptua. At vero eos et accusam et justo duo dolores et ea rebum. Stet clita kasd gubergren, no sea takimata sanctus est em ipsum dolor sit amet.</p> 

      </div>
    </div>
</div>

---

Anhang 23186

läuft das ganze vlcht noch nicht unter 4.9 ?



viele grüße

karsten

Zitat:

---

Zitat von herr rilke

läuft das ganze vlcht noch nicht unter 4.9 ?

---

Hi Karsten,

ich hab die Erweiterung schon unter 4.9 installiert und getestet. Hast du den Cache geleert?

hey stefan,

ja, cache gelöscht: macht keinen unterschied: leere klassen.

ich habe das ganze aber mal auf einer frisch aufgesetzten 4.9 installiert und: läuft einwandfrei.


viele grüße

karsten

Welche anderen Erweiterungen hast du noch installiert?

Code:

---

  "require": {
        "php": "^7.1",
        "contao/manager-bundle": "4.9.*",
        "contao/calendar-bundle": "^4.9",
        "contao/comments-bundle": "^4.9",
        "contao/faq-bundle": "^4.9",
        "contao/listing-bundle": "^4.9",
        "contao/news-bundle": "^4.9",
        "do-while/contao-backupdb-bundle": "^1.4",
        "madeyourday/contao-rocksolid-columns": "^2.0",
        "madeyourday/contao-rocksolid-custom-elements": "^2.1",
        "madeyourday/contao-rocksolid-icon-picker": "^2.0",
        "craffft/css-style-selector-bundle": "1.3.3",
        "jrgregory/m17-sticky-backend-footer": "^2.0.9",
        "codefog/contao-mobile_menu": "^2.6",
        "contao-bootstrap/bundle": "^2.0",
        "clickpress/contao-clickpress-grid": "^1.0"       
    },

---

... mh beißt's sich mit bootstrap?
... obwohl ja dann wenigstens klassen ausgegeben werden könnten...

Werde ich testen. craffft/css-style-selector-bundle ist es definitiv nicht, da ich das Bundle selbst bei der besagten Installation im Einsatz habe

danke dir!

ich kann für mich auch damit leben, wenn's (erstmal) nur in neuen projekten läuft.


viele grüße

karsten

Hallo!

Erstmal Danke für die prima Extension. Top! Auch weil man flexibler ist, was das eigene Eingreifen via CSS angeht.
Mir ist aufgefallen, das die angezeigten Desktopaufteilungen nicht in jedem Fall stimmen, z.B. ergibt 40-30-30 -> 30-40-30 oder 30-40-30 ergibt nur noch 1 Spalte (grid-template-columns: 1fr;). Ist offensichtlich auch im Tabletbereich so...
Und ich würde mir im Desktopbereich noch ein paar mehr Standard-Kombinationen wünschen... z.B. 40-40-20 oder ähnliche...

Danke!

Zitat:

---

Zitat von tblumrich

Mir ist aufgefallen, das die angezeigten Desktopaufteilungen nicht in jedem Fall stimmen, z.B. ergibt 40-30-30 -> 30-40-30 oder 30-40-30 ergibt nur noch 1 Spalte (grid-template-columns: 1fr;). Ist offensichtlich auch im Tabletbereich so...

---

Ouch! Danke für's finden. Wird erledigt.

Zitat:

---

Zitat von tblumrich

Und ich würde mir im Desktopbereich noch ein paar mehr Standard-Kombinationen wünschen... z.B. 40-40-20 oder ähnliche...

---

Baue ich auch ein

Update ist raus :) https://github.com/clickpress/contao...ses/tag/v1.1.0

Das nenne ich mal prompt. Super!
Dankeschön.


Gesendet von iPad mit Tapatalk

So ganz stimmts leider immer noch nicht. Die neue sind drin und funktionieren...

Bei mir macht er auf dem Desktop immer noch

Code:

---

.grid_desktop_40_30_30 {
    grid-template-columns: 3fr 4fr 3fr;}

---

Wenn ich das richtig sehe gibts den Eintrag 2x in der CSS. Der 2. löst das wieder auf.

Und 30-40-30 reagiert auch nicht, da gelten dann immer die darunter liegenden Breakpoints. Offensichtlich gibts dafür gar keine Definition:

Code:

---

.grid_desktop_30_40_30

---

bei @media (min-width: 992px)

Kannst du nochmal schauen?

Ups. Ja, ich dachte ich hätte gestern gründlich geschaut und getestet ... naja.
Update hab ich soeben veröffentlicht:

https://github.com/clickpress/contao...d7a7abefc50cb6

Hallo,

wieso sind in der CSS (https://github.com/clickpress/contao...press-grid.css) nicht die Alignment utilities wie in der SCSS

(https://github.com/clickpress/contao...ress-grid.scss) enthalten ?

"Vertikale Ausrichtung" und "Horizontale Ausrichtung" haben somit keine Auswirkung.

Wenn ich die Alignment utilities - CSS Styles manuell hinzufüge funktioniert es.

Contao 4.9.22, Modulversion 1.4.0

Hi Albis,

ich hab schlichtweg vergessen das kompilierte CSS zu commiten und mir ist es nicht aufgefallen, weil ich eine customized grid.css habe. Danke für den Hinweis