Contao-Camp 2024
Ergebnis 1 bis 8 von 8

Thema: Spaltenbreiten Formular

  1. #1
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    27

    Standard Spaltenbreiten Formular

    Liebe Community

    Ich möchte in meinem einfachen Anmeldeformular die Spaltenbreiten für schmale Bildschirme)
    EINZELN bestimmen oder statt zwei nur eine einzige Spalte zeigen (d.h. Label und Textfeld jeweils
    übereinander statt nebeneinander anordnen).

    Ohne Erfolg versucht versucht habe ich:

    .kontaktformular { /*übereinander statt nebeneinander*/
    column-count: 1;
    }

    oder:

    .kontaktformular label {
    width:100px; /*so schmal, dass das Textfeld rechts daneben genug Platz hat*/
    }

    oder

    .kontaktformular label {
    width: 30%; /*so schmal, dass das Textfeld rechts daneben genug Platz hat*/
    }


    Kurz: Ich kann weder die Anzahl der Spalten noch deren Breite einzeln beeinflussen.

    Folgendes funktioniert, setzt aber beide Spalten auf die gleiche Breite.
    Und das will ich gerade nicht, weil dann das Textfeld zu wenig Platz erhält .

    .kontaktformular { /*übereinander statt nebeneinander*/
    column-width: ... px;
    }

    .kontaktformular {
    width: xxx px;
    }
    funkioniert natürlich, aber dann erhalten beide Spalten die gleiche Breite.


    Ich nehme an und hoffe, dass schon andere User dieses Problem kennen
    und gelöst haben und danke im Voraus für jede Hilfe.

  2. #2
    Contao-Urgestein Avatar von Kahmoon
    Registriert seit
    22.06.2009.
    Ort
    München
    Beiträge
    5.273

    Standard

    Verwende doch bitte die Code Tags wenn du Code postest :-)

  3. #3
    Community-Moderatorin & Contao-Urgestein Avatar von mlweb
    Registriert seit
    10.07.2011.
    Beiträge
    6.715
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ganz grundsätzlich kann man das super mit Flexbox lösen.
    Neben den schon angesprochenen Code-Tags solltest Du bei solchen Fragen auch immer ein Link zum Problem posten.
    Ich habe Dir mit meinen Hinweisen geholfen und Du möchtest Dich bedanken?
    Unterstütze bitte das Contao-Projekt (Button Links)
    Weitere Spendenmöglichkeiten
    ------------------------------------------------------------------------------------------------------
    Contao-Dokumentation: Contao-Handbuch und Contao-Entwickler-Doku
    Contao-Online-Video-Kurse: Contao Academy
    Funktionalität erweitern: Contao-Erweiterungen

    Für Dinge die man mit html5 und css3 lösen kann, braucht man kein javascript.




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

    Im Moment widersprichst du dich für mein Verständnis ... du möchtest <label> und Textfeld untereinander, setzt aber eine bestimmte Breite für <label> die geringer als 100% ist und erwirkst damit wohl (un)beabsichtigt eine 2-Spalten-Darstellung.

    Wenn du einen link für uns hättest, könnten wir auch erkennen, mit welchem "grid" du arbeitest.
    Grüsse
    Bernhard


  5. #5
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    27

    Standard danke für euren Input - Code-Tag

    Ich bin lange in der Infomatikbranche tätig gewesen,
    habe aber den Begriff Code-Tag nie angetroffen.
    Wenn mir den jemand erklärt, poste ich ihn gerne.

    Inzwischen kann ich die Felder "label" und "input"
    [statt wir von mir zuvor angenommen "textarea" oder "textfield"]
    gestalten. Es ist mir aber nicht gelungen, die Spalte "label"
    schmaler zu machen als die Spalte "input".

    Auch die Alternativlösung "EINE EINZIGE Spalte", d.h. label und input
    untereinander, habe ich noch nicht hingekriegt.

    Gruss und Dank koanick

  6. #6
    Wandelndes Contao-Lexikon Avatar von tab
    Registriert seit
    22.10.2013.
    Beiträge
    10.060
    Contao-Projekt unterstützen

    Support Contao

    Standard

    Ein ganz klein wenig Information wäre sicher hilfreich. Weil so versagt sogar meine Glaskugel den Dienst. Also z.B. wie sieht das Formular im HTML aus? Ist ja zwischen verschiedenen Contao-Versionen eventuell unterschiedlich. Teilweise gibt es tabellenbasierte Formulare, aber auch solche ohne Tabellen. Ein Link wäre auch sehr hilfreich.

    Ein Code-Tag erzeugst du, indem du oberhalb des Eingabefeld hier im Forum auf das Symbol "#" klickst. Damit wird bei Eingabe von Code z-B. eine vernünftige Einrückung möglich und überhaupt wird der Code übersichtlicher dargestellt. Warum es Code-Tag heißt, siehst du dann sofort.

  7. #7
    Contao-Urgestein Avatar von Samson1964
    Registriert seit
    05.11.2012.
    Ort
    Berlin
    Beiträge
    2.792

    Standard

    Zitat Zitat von koanick Beitrag anzeigen
    Ich bin lange in der Infomatikbranche tätig gewesen,
    habe aber den Begriff Code-Tag nie angetroffen.
    Wenn mir den jemand erklärt, poste ich ihn gerne.
    Schaue Dir mal die Icons im Editor oben an, wenn Du Deinen Beitrag bearbeitest. Da ist in Zeile 2 von rechts nach links: PHP-Code einfügen, HTML-Code einfügen, Code einfügen, ...
    Nimm "Code einfügen" - das ist das Raute-Icon.
    Viele Grüße
    Frank

    Seit Mai 2013 Fan von Contao
    Webmaster vom Deutschen Schachbund und Berliner Schachverband
    Mein Blog: Schachbulle
    Meine Erweiterungen bei GitHub
    Meine Videos auf YouTube: Playlist zur Contao-Programmierung/Einrichtung

  8. #8
    Contao-Nutzer
    Registriert seit
    26.12.2018.
    Beiträge
    27

    Standard Problem gelöst & Bitte um Entschuldigung

    Liebe Helfende

    Ich konnte das Problem lösen, indem ich das CSS der EINZELNEN
    Formularelemente anpasste. Nun reduziert Contao die Anzahl Spalten
    automatisch auf 1, wenn der Platz nicht mehr ausreicht.

    Ich bitte um Entschuldigung für den euch bereiteten Ärger.

    koanick

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
  •