Zum Inhalt springen

Login submit button formatieren

Erstellt am 18. Dezember 2006 · 9 Antworten · letzte Antwort am 19. April 2007

Tags: Frage

jh@ ·

Guten Tag erstmal 😃 ,

hab 2 Probleme... nach stundenlanger Suche in Foren und Netz hab ich es aufgegeben. o.O

[NUMMER 1]
----------
Ich möchte nur den Butten im Standard-Login per CSS formatieren. Für die Tabelle erstellt Typo3 ja Klassen (kann man ja auch im Typoscript Objekt Browser angeben). aber eben für den sch... Button nicht. Hatte per css versucht mit

input [type=submit]{...}
oder
input [name=submit]{...}

das zu regeln. Funktioniert aber leider auch nicht. Das währe auch meine Ideallösung gewesen.

[NUMMER 2]
----------
kann man im Zuge des Logins das html-Template wechsel? Also wenn sich ein Nutzer angemeldet hat soll sich auch das Layout vom Normalen abheben. Bin leider nicht so sehr mit TypoScript vertraut.

Wenn jemand eine Idee hätte... Würde mich sehr freuen.
Viele Grüße und vielen Dank,

Jan

saschae ·

Hi

[zu 1]
input [type=submit]{...} funktioniert noch in jedem Browser. Du kannst aber mit TypoScript eine eigene CSS Klasse um den Button wrappen und ihn dann somit formatieren.

[zu 2]
Ja das Template kannst du ändern. Das kannst du mit Conditions machen
z.B. https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Conditions/Index.html#condition-frontend-user-isloggedin
oder https://docs.typo3.org/m/typo3/reference-typoscript/main/en-us/Conditions/Index.html#condition-frontend-user-usergroupids

jh@ ·

Guten Tag,

saschae schrieb

input [type=submit]{...} funktioniert noch in jedem Browser.

Leider nicht. Habe das jetzt im Firefox 2.0, Netscape 7.1 und 8.1.2 und im Opera gesetstet. LEIDER OHNE ERFOLG! (IE geht bei mir grad nicht)

Kannst du mir bitte sagen, wie das TypoScript aussehen soll und wo das hin kommt(haupttemplate -» Setup?)? Ich habe davon leider nicht viel Ahnung. Und das mit den Conditions werde ich versuchen.

Vielen Dank erstmal

saschae ·

Guten Tag,

saschae schrieb:
input [type=submit]{...} funktioniert noch in jedem Browser.

Leider nicht. Habe das jetzt im Firefox 2.0, Netscape 7.1 und 8.1.2 und im Opera gesetstet. LEIDER OHNE ERFOLG! (IE geht bei mir grad nicht)

OH SORRY! Ich wollte auch schreiben " ... funktioniert noch nicht in jedem Browser" ;-)

und nochmal zu 1
nutzt du eigentlich kein css_styled_content ?!?
weil ich sehe gerade das der button bei mir so aussieht

<div class="csc-mailform-field"> <input type="submit" name="formtype_mail" id="mailformformtype_mail" value="Senden" class="csc-mailform-submit" /></div>

Der Button hat also eine eigene Klasse

jh@ ·

hab ich schon mit css_styled content gemacht. Habe ein HTML, was per css formatiert ist. Egal. wenn mein Button eine ID hätte wie bei dir, würde mir das vollkommen ausreichen. Die Logintabelle sieht bei mir so aus:

<!--  Login/Logout form: [begin] -->
			<table border="0" cellspacing="1" cellpadding="1" class="csc-loginform"><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Username:</p></td><td class="csc-form-fieldcell"><input type="text" name="user" size="20" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label-req">Password:</p></td><td class="csc-form-fieldcell"><input type="password" name="pass" size="20" value="" /></td></tr><tr><td class="csc-form-labelcell"><p class="csc-form-label"></p></td><td class="csc-form-fieldcell"><input type="submit" name="submit" value="Login" /></td></tr></table>
		<!--  Login/Logout form: [end] -->

Typo legt hat für alles eine Klasse an nur hat für den Button nicht.
Gruß Jan

saschae ·

Wenn du css_styled_content benutzt macht er da keine Tabelle drum sondern DIVs!
Was für ne TYPO3 Version & css_styled_content Version hast du?

jh@ ·

css_styled_content 0.3.1
Typo 4.0.2

Die wrap-funktion ist mir schon bekannt aber selbst Typoscript schreiben geht schief.

Hast du ne Idee? Würde mir sehr helfen. Vielen Dank,
Jan

saschae ·

Ja irgendwas machst du falsch... Wenn du nur css_styled_content benutzt dann wrapt er dir die divs drum wie ich im anderen post schon geschrieben habe.

jh@ ·

ich habe doch da gar keine Divs drumrum. 😉 die Klassen schreibt er in die Zellen (siehe Quelltext oben.) Weißt du, ob es die Buttons als Quelltext im TyposcriptObjectBrowser gibt?

Mr.​TRTD ·

Hatte auch gerade das Problem.
Man kann tatsächlich die INPUTs mit einer classe versehen.
Im Typoscript Object Browser kann man gemäß der TSref z.B. eintragen:

tt_content.search.30.params.input = class="ein_text_input"

oder

tt_content.search.30.params.submit = class="ein_submit_input"

Allerdings bezieht sich das nur auf Formulare aus dem tt_content.

Vielleicht hilft es ja jemendem.