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!

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;
}

---

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? :D

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 ;)

Zitat:

---

Zitat von manjarco

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>

---

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!