Ankündigung

Einklappen
Keine Ankündigung bisher.

Auto Grid -> Abstände bei Manuellem Grid mit gemischten Breiten

Einklappen
X
 
  • Filter
  • Zeit
  • Anzeigen
Alles löschen
neue Beiträge

  • Auto Grid -> Abstände bei Manuellem Grid mit gemischten Breiten

    Ich bekomme in einem Formular mit unterschiedlich breiten Feldern die Paddings nicht so richtig in den Griff.

    Hier werden sowohl "full width" als auch andere Spaltenbreiten verwendet, im manuellen Modus.

    Nun sind aber die Full Width Felder breiter, da das Padding auf 0 gesetzt wird.

    Ist hier eine simple Lösung für gleiche Zeilenbreite am Start?

    Anbei Screenshot:

    Bildschirmfoto 2018-01-09 um 13.22.52.png

  • #2
    Nutz die "auto" Funktion. Das erzeugt dir die AG-Wrapper zum optischen ausgleich. 100% Elemente, ohne AG (braucht es ja nicht, ist ja kein Grid )

    - Name, Vorname: auto
    - Straße und Hausnummer, kein AG
    - PLZ, Ort, auto
    - E-Mail, Telefonnummer: auto, E-mail mit "Neue Zeile" -> erzeugt dann zum vorherigen Element einen neuen AG Wrapper
    http://www.premium-contao-themes.com

    Kommentar


    • #3
      Passt so nicht.

      Name und Vorname: Autogrid soweit so gut.
      Straße Hausnummer: kein Grid -> Gleiche Breite aber Abstand nach oben.
      PLZ und Ort: Manuelles Grid 1/4 und 3/4 -> Padding links/rechts
      E-Mail Tel.Nummer: Autogrid (one Half per default).

      -> sobald wie hier die Anforderung besteht, nicht nur one half zu verwenden wird es krumm.
      Die einzige einfache Möglichkeit besteht darin, auf die Abstände komplett zu verzichten. Sieht aber auch nicht so dolle aus...(Bild 2).

      Bildschirmfoto 2018-01-09 um 20.01.56.pngBildschirmfoto 2018-01-09 um 20.05.40.png

      In dem Zusammenhang bin ich über die CSS Klassen odd / eval gestolpert, um hier ggfs. per CSS nachzuhelfen und immer die linken Felder links und die rechten Felder rechts ohne Padding zu gestalten.

      Aber die odd/eval Klassen scheinen hier auch nicht gerade sinnvoll -> besser wären Klassen wie first/last für das jeweils erste oder letzte Element in einer Zeile.

      Kommentar


      • #4
        In Manuellen Grids gibt es dafür die Block-Grid Anfang und Ende Option. Auch kann überall mit AutogridWrappern gearbeitet werden oder mit eigenen Html-Elementen und den AG Klassen. AG ist 100% CSS basiert. Damit kann es überall auch über eigenes Html genutzt werden, so auch in Templates.
        http://www.premium-contao-themes.com

        Kommentar

        Lädt...
        X