Ergebnis 1 bis 6 von 6

Thema: Einfache Frage: Input Submit durch Button ersetzen?

  1. #1
    Contao-Fan Avatar von MrLumbergh
    Registriert seit
    11.01.2012.
    Ort
    Hamburg
    Beiträge
    368

    Frage Einfache Frage: Input Submit durch Button ersetzen?

    Moin,

    wie bereits in der Überschrift zu lesen steht:
    Ich möchte gerne schöne abgerundete Buttons machen - leider ist das mit <input type=submit> nicht möglich.
    Wo kann ich den Code für den Button in Contao ändern? => Absendefeld

    Danke!

  2. #2
    Contao-Nutzer Avatar von manjarco
    Registriert seit
    16.11.2010.
    Ort
    Solingen
    Beiträge
    91

    Standard

    Hey MrLumbergh,

    du kannst auch input-submits per css stylen, kein Problem. Z.B. mit sowas:

    Code:
    input[type="submit"] {
    
    /* wichtig um alle Browser-Styles zu "löschen":*/
    
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    
    /* ab hier mach was du willst */
    cursor: pointer;
    display: inline-block;
    padding: 5px 10px;
    text-align: center;
    border: 1px solid red;
    border-radius: 3px;
    background-color: green;
    color: white;
    }

  3. #3
    Contao-Fan Avatar von MrLumbergh
    Registriert seit
    11.01.2012.
    Ort
    Hamburg
    Beiträge
    368

    Standard

    Ach, ich idiot!

    Ich hatte alle border-radius' im css oben auf 0 !important gesetzt...und das ganze mit den :after und :before Pseudoklassen verwechselt.

    Daher ist die Frage dennoch interessant.
    Da ich an input-submit keine Pseudoklassen setzen kann: Wo kann ich in Contao den Button verändern?

  4. #4
    Contao-Nutzer Avatar von manjarco
    Registriert seit
    16.11.2010.
    Ort
    Solingen
    Beiträge
    91

    Standard

    Ich verstehe noch nicht ganz was genau du vor hast, aber wenn du unbedingt die inputs los werden willst musst du dafür in dem Template Änderungen vornehmen, auf das dein Modul zugreift. Falls du gerade an einem Formular mittels Formulargenerator arbeitest wäre das wohl form_submit.html5.


    Falls du näher ins Thema Formulare stylen einsteigen willst empfehle ich: https://github.com/ireade/formhack als Lektüre

  5. #5
    Contao-Fan Avatar von MrLumbergh
    Registriert seit
    11.01.2012.
    Ort
    Hamburg
    Beiträge
    368

    Standard

    Zitat Zitat von manjarco Beitrag anzeigen
    Ich verstehe noch nicht ganz was genau du vor hast, aber wenn du unbedingt die inputs los werden willst musst du dafür in dem Template Änderungen vornehmen, auf das dein Modul zugreift. Falls du gerade an einem Formular mittels Formulargenerator arbeitest wäre das wohl form_submit.html5.


    Falls du näher ins Thema Formulare stylen einsteigen willst empfehle ich: https://github.com/ireade/formhack als Lektüre
    Ja. In form_submit steht aber lediglich:

    PHP-Code:
     <div class="submit_container">
        <?php echo $this->generate(); ?>
      </div>

  6. #6
    Contao-Nutzer Avatar von manjarco
    Registriert seit
    16.11.2010.
    Ort
    Solingen
    Beiträge
    91

    Standard

    Oh, ich hatte nicht gesehen, dass du noch mit 3.2 arbeitest. Da steht wirklich nicht mehr drin. In dem Fall bin ich überfragt und kann nur dringend dazu raten Contao upzudaten, der Support für 3.2 ist eingestellt worden, es bestehen wohl auch bekannte Sicherheitslücken!

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
  •