Zum Inhalt springen

Submit-Button auch als Grafik

Erstellt am 16. Februar 2004 · 12 Antworten · letzte Antwort am 27. März 2004

Tags: Frage

Evchen ·

Hallo,

hat schon jemand eine Antwort auf die Frage? Möchte nämlich auch eine Grafik statt submit-Button...

Greetz
Evchen

Evchen ·

Hallo,

mein Problem liegt nicht darin, die Felder zu formatieren... Mit CSS hab ich ja schon die Eingabe-Felder formatiert. Ich brauche aber einen verständlichen Code, um statt

 | formtype_mail=submit | senden

einen

<input type="image" src="images/profilspeichern.gif" width="170" height="46" border="1" name="senden">

Grafischen Submit-Button anzeigen zu lassen... Nur leider geht das nicht über den Formular-Assistenten. Ich hab auch schon ähnliche Posts gefunden, nur leider bezieht sich das ganze meist auf Suchformulare und nicht auf Kontakt-Formulare...

Greetz Evchen

Evchen ·

Hat sich schon erledigt... Wenn man im Formular-Assistenten die Eingabe von HTML erlaubt, kann man den ganzen HTML-Code für einen Grafischen Button einfügen...

Greetz Evchen

Stoneage ·

oh, wußte ich gar nicht dass das geht formular und html. ich meinte mit stylesheet auch background img. verstehste? aber so wie du ist natürlich eleganter.

Tetramatrix

Evchen ·

Ich wusste vorher auch nicht, dass das funzt... hab es einfach ausprobiert...

Mit bgimage bei submit button gestaltet sich bei meiner Verwendung etwas schwerer... die button sehen nämlich ganz anders aus...

Naja, hab das Problem ja schon gelöst... Hoffe ich... Muss jetzt noch testen, ob die eMail wirklich ankommen...

fantasia ·

Hi Leute,

blöde Frage (bin Anfänger!)
wo kann man die Eingabefelder mit CSS formatieren?

Bei mir passiert nichts, wenn ich im Formularassistenten
HTML -Modul aktiviere.
Also verstehe ich nicht, wo ich den Code eingeben kann.

Danke im Voraus

Evchen ·

Also, wenn du global eine externe css-datei angegeben hast, kannst du
folgendes unter Info/Modify -> Setup angeben:

tt_content.mailform.20.params = class="button"

oder du gehst über den TypoScript Object Browser, suchst nach
tt_content -> mailform -> [20]=Form -> params

da kannst du dann z.b input eingeben, wenn du in der CSS mit dem Wert gearbeitet hast...

im CSS sollte das dann so aussehen, wenn du mit Classes arbeitest

	.button {
	  background-color:#E0DFE3;
	  color: #000000;
	  font-family:Tahoma;
	  font-size:12px;
	  border: 1 solid #7F7F7F;
	}

oder wenn du alle Input-Felder formatieren willst:

	input {
	  background-color:#E0DFE3;
	  color: #000000;
	  font-family:Tahoma;
	  font-size:12px;
	  border: 1 solid #7F7F7F;
	}
molari ·
tt_content.mailform.20.params = class="button"

Hallo Evchen,
auch mir hat dein Beitrag weitergeholfen. Er formatiert mir jetzt aber leider auch die Eingabefelder mit der class, es sollte aber nur der submit button werden. Hast Du vielleicht noch einen Tip ?

Gruß
Oli

jochen ·

Habe es jetzt auch gelöst mit:

im Template/SETUP:
tt_content.mailform.20 {
layout = <tr><td>###LABEL###</td><td>&nbsp;&nbsp;&nbsp;</td><td>###FIELD###</td></tr>
params >
params.input = class="text"
params.submit = class="button"
fieldWrap =
labelWrap.wrap =
}

im Stylesheet:
.button
{
font-size: 9px;
font-weight: bold;
background-color: #F3F3F3;
}

.text
{
font-size: 9px;
font-weight: normal;
background-color: #FFFFFF;
}