Contao-Camp 2024
Ergebnis 1 bis 17 von 17

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

  1. #1
    Contao-Fan Avatar von stefan.sl
    Registriert seit
    19.06.2009.
    Ort
    Iserlohn
    Beiträge
    352
    Partner-ID
    1371

    Standard [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

    Bildschirmfoto 2019-11-21 um 14.59.15.png
    Bildschirmfoto 2019-11-21 um 15.01.10.png

  2. #2
    Contao-Nutzer Avatar von cutbase
    Registriert seit
    07.07.2014.
    Ort
    Delmenhorst
    Beiträge
    34
    Contao-Projekt unterstützen

    Support Contao

    Standard Endlich Grid CSS

    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...
    I Love Contao!

  3. #3
    Contao-Fan Avatar von herr rilke
    Registriert seit
    29.01.2011.
    Ort
    Münster
    Beiträge
    370

    Standard

    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>
    CSS-Grid.png

    läuft das ganze vlcht noch nicht unter 4.9 ?



    viele grüße

    karsten

  4. #4
    Contao-Fan Avatar von stefan.sl
    Registriert seit
    19.06.2009.
    Ort
    Iserlohn
    Beiträge
    352
    Partner-ID
    1371

    Standard

    Zitat Zitat von herr rilke Beitrag anzeigen
    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?

  5. #5
    Contao-Fan Avatar von herr rilke
    Registriert seit
    29.01.2011.
    Ort
    Münster
    Beiträge
    370

    Standard

    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

  6. #6
    Contao-Fan Avatar von stefan.sl
    Registriert seit
    19.06.2009.
    Ort
    Iserlohn
    Beiträge
    352
    Partner-ID
    1371

    Standard

    Welche anderen Erweiterungen hast du noch installiert?

  7. #7
    Contao-Fan Avatar von herr rilke
    Registriert seit
    29.01.2011.
    Ort
    Münster
    Beiträge
    370

    Standard

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

  8. #8
    Contao-Fan Avatar von stefan.sl
    Registriert seit
    19.06.2009.
    Ort
    Iserlohn
    Beiträge
    352
    Partner-ID
    1371

    Standard

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

  9. #9
    Contao-Fan Avatar von herr rilke
    Registriert seit
    29.01.2011.
    Ort
    Münster
    Beiträge
    370

    Standard

    danke dir!

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


    viele grüße

    karsten

  10. #10
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.224
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    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!
    blucomp | Webdesign & Onlinelösungen

  11. #11
    Contao-Fan Avatar von stefan.sl
    Registriert seit
    19.06.2009.
    Ort
    Iserlohn
    Beiträge
    352
    Partner-ID
    1371

    Daumen hoch

    Zitat Zitat von tblumrich Beitrag anzeigen
    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 Beitrag anzeigen
    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

  12. #12

  13. #13
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.224
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

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


    Gesendet von iPad mit Tapatalk
    blucomp | Webdesign & Onlinelösungen

  14. #14
    Contao-Urgestein Avatar von tblumrich
    Registriert seit
    25.06.2009.
    Ort
    Feldberger Seenlandschaft
    Beiträge
    2.224
    Partner-ID
    7979
    User beschenken
    Wunschliste

    Standard

    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?
    blucomp | Webdesign & Onlinelösungen

  15. #15
    Contao-Fan Avatar von stefan.sl
    Registriert seit
    19.06.2009.
    Ort
    Iserlohn
    Beiträge
    352
    Partner-ID
    1371

    Standard

    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
    Geändert von stefan.sl (04.03.2020 um 17:49 Uhr)

  16. #16
    Contao-Nutzer
    Registriert seit
    06.01.2011.
    Beiträge
    87

    Standard "Alignment utilities" werden nicht geladen

    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

  17. #17
    Contao-Fan Avatar von stefan.sl
    Registriert seit
    19.06.2009.
    Ort
    Iserlohn
    Beiträge
    352
    Partner-ID
    1371

    Standard

    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

Aktive Benutzer

Aktive Benutzer

Aktive Benutzer in diesem Thema: 1 (Registrierte Benutzer: 0, Gäste: 1)

Lesezeichen

Lesezeichen

Berechtigungen

  • Neue Themen erstellen: Nein
  • Themen beantworten: Nein
  • Anhänge hochladen: Nein
  • Beiträge bearbeiten: Nein
  •