Add classnames to fields and buttons in standard mailform

Submitting your vote...
Rating: 3.5 of 5. 8 vote(s).
Click the rating bar to rate this item.

Sometimes you need to style the form elements that TYPO3 generate. But they doesn't have any class so it's har to differenciate between normal input filelds and submit buttons.

The solution is to add classes to the various form elements.

 

# Add classname to fields and buttons in standard mailform
tt_content.mailform.20.params.input = class="mf-input"
tt_content.mailform.20.params.password = class="mf-pass"
tt_content.mailform.20.params.textarea = class="mf-text"
tt_content.mailform.20.params.check = class="mf-check"
tt_content.mailform.20.params.radio = class="mf-radio"
tt_content.mailform.20.params.select = class="mf-select"
tt_content.mailform.20.params.file = class="mf-file"
tt_content.mailform.20.params.reset = class="mf-reset"
tt_content.mailform.20.params.submit = class="mf-submit" 

 

This snippet has been submitted by Peter Klein.



Comments


anand, 21-09-07 08:57:
Hello,
I used this code in the template setup.
Seems that it doesnt work.
Please help !

Thanks in advance...
Anand
anand, 21-09-07 10:45:
Hello,
I used this code in the template setup.
Seems that it doesnt work.
Please help !

Thanks in advance...
Anand
mkd, 26-09-07 08:55:
hello,
this is great but what if i want to add extra parameter for a specific input field.

thanks in advance,
lova

Add comment

* - required field

*



*
*

Top 10 Updates

Nice fonts using Google font API geändert am  20-May-2010 16:36:47
TS-based Searchbox for Indexed Search  geändert am  18-May-2010 18:27:15
TYPO3 SEO geändert am  30-Apr-2010 09:44:22
Search engine friendly graphical headers in TYPO3 geändert am  30-Apr-2010 09:33:44
Creating a simple Infocenter using TYPO3 geändert am  17-Nov-2009 12:12:52
Making the Section Menu work correctly with TemplaVoila geändert am  05-May-2009 12:27:17
Show pages with type "Not in Menu" in a sitemap geändert am  05-May-2009 12:11:17
Implementation of the DHTML menu from brainjar.com  geändert am  01-Feb-2009 14:02:48
Sample DHTML menu geändert am  01-Feb-2009 13:51:25
A introduction to the CONTENT object geändert am  26-Jan-2009 13:20:39

Latest comments

21-Jan-2012 20:22:24
jemmkwc jemmkwc schrieb: MOGWOX , [url=http://prdpuhwzxyrc.com/]prdpuhwzxyrc[/url],...
fe_useradmin form does not save
20-Jan-2012 20:35:32
fsivjktiuld fsivjktiuld schrieb: idCmnv <a href="http://gakbrrkrxhye.com/">gakbrrkrxhye</a>
fe_useradmin form does not save
19-Jan-2012 18:05:25
bvffee bvffee schrieb: jl2vQt , [url=http://xcinvpbclrbm.com/]xcinvpbclrbm[/url],...
External links and shortcuts directly in the menu
Deutsch
Search: