Assing a unique CSS class to every mailfom field

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

Sometimes it is necessary to format or position every field of a form. Without configuration TYPO3 outputs following:

 

<div class="csc-mailform-field"><label for="mailformname">name:</label> <span class="csc-mailform-label"><input type="text" name="name" id="mailformname" size="20" value="" /></span></div>

 

 

When using the following typoscript snippet the output is this:

 

<div class="csc-mailform-field feld-name"><label for="mailformname">name:</label> <span class="csc-mailform-label"><input type="text" name="name" id="mailformname" size="20" value="" /></span></div>

 

 

This snippet adds to the surrounding div tag a new CSS class that is generated in the form field-fieldname.

 

tt_content.mailform.20{
  commentWrap.cObject=COA
  commentWrap.cObject{
    20=TEXT
    20.value=field-{current:1}
    20.insertData=1
  }
  layout(
               <div class="csc-mailform-field ###COMMENT###">###LABEL### <span class="csc-mailform-label">###FIELD###</span></div>
  )
}


Comments


Thomas, 15-04-10 09:26:
Thank you very very much. I was searching for something like that for about 3 hours!

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: