Contao-Camp 2024
Ergebnis 1 bis 6 von 6

Thema: 2-spaltiges Inhaltselement mit Flexbox

  1. #1
    Contao-Fan Avatar von Schneetiger
    Registriert seit
    26.01.2013.
    Beiträge
    278

    Frage 2-spaltiges Inhaltselement mit Flexbox

    Servus zusammen,

    ich habe das Problem, dass ich einen Text und ein Foto als Flexbox in den Inhaltsbereich einbauen möchte und das ich inhaltlich immer wieder leicht mittels dem TinyMCE im Modul "Artikel" änder kann. Ist das möglich und wenn ja, wie? Die Rocksolid Columns sind mir hier nicht ausreichend, da es Probleme mit den unterschiedlichen unteren Abständen gibt und ich eine elegante Methode möchte.

    Ich habe dazu ein Modul entworfen, das fast funktioniert, aber es lassen sich eben im Modul "Artikel" keine Texte eintragen und das Foto lässt sich auch nicht daneben darstellen. Weiß hier jemand Rat? Stehe da echt auf dem Schlauch; vielen Dank.

    VG
    Schneetiger

  2. #2
    Community-Moderator & Contao-Urgestein Avatar von derRenner
    Registriert seit
    23.10.2012.
    Ort
    hoRn|waldviertel
    Beiträge
    2.849
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Hallo,
    vielleicht bin ich hier alleine, aber ich verstehe deine Anforderung nicht ganz - möglicherweise auch durch die Begrifflichkeiten, die ich nicht zuordnen kann ... kommen im Backend wohl nicht so vor, wie du sie verwendest.

    Skizze? Oder bessere Erklärung?

    Falls es um zwei Spalten geht, die die gleichen Höhen, unabhängig vom Inhalt haben sollen, dann hilft dir CSS weiter
    Grüsse
    Bernhard


  3. #3
    Contao-Fan Avatar von Schneetiger
    Registriert seit
    26.01.2013.
    Beiträge
    278

    Standard

    Hallo Bernhard,

    danke für Deine Antwort. Nun, es geht um das Modul "ce_text", in das du Text und Foto einarbeiten kannst. Das mit dem CSS ist mir schon klar, doch ich hatte mir gedacht eine Flexbox-Lösung zu schaffen, das "ce_text" (linke Spalte) und "image" (rechte Spalte) umschliesst und dann mittels TinyMCE inhaltlich jederzeit bearbeitet werden kann (siehe Anhang):

    Flexbox-Versuch ohne Editierbarkeit.png.

    Aber wie es scheint, ist so was schwierig oder gar nicht umzusetzen, zumindest nicht ohne größere Programmierkenntnisse und eine evtl. bessere Möglichkeit bestünde in der Verwendung der Rocksolid Custom Elements, was natürlich entsprechende Kenntnisse voraussetzt...oder, die von Dir vorgeschlagene Lösung mit..CSS-Anpassungen.

    VG
    Schneetiger

  4. #4
    Administratorin Avatar von lucina
    Registriert seit
    19.06.2009.
    Ort
    Kiel (DE)
    Beiträge
    7.328
    Partner-ID
    152
    User beschenken
    Wunschliste
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Code:
    .flexbox {
      display: flex;
    
      // Ensure content elements fill up the .column
      .element {
        height: 100%;
      }
    }

  5. #5
    Contao-Fan Avatar von Schneetiger
    Registriert seit
    26.01.2013.
    Beiträge
    278

    Standard

    Danke Lucina,

    ich probier das mal aus; sollte ja machbar sein, wie ich sehe.

    VG
    Schneetiger

  6. #6
    Contao-Fan Avatar von Schneetiger
    Registriert seit
    26.01.2013.
    Beiträge
    278

    Standard

    Problem mit CSS gelöst; danke.

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
  •