Assing a unique CSS class to every mailfom field

Submitting your vote...
Not rated yet. Be the first who rates this item!
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>
  )
}

Top 10 Updates

Using lightbox without extension geändert am  13-Jun-2008 14:20:51
Custom field for GMENU alt text geändert am  13-Jun-2008 13:58:07
Extending typoscript properties with stdWrap geändert am  13-Jun-2008 13:54:32
Create menus using data from other tables than "pages" V2  geändert am  24-Mar-2008 13:02:09
Login geändert am  17-Mar-2008 12:47:52
Forum geändert am  17-Mar-2008 10:07:47
Who is Typo3wizard.com geändert am  26-Dec-2007 16:07:32
Menu as un-nested lists (iphone navigation) geändert am  29-Oct-2007 15:05:53
IF Conditions with AND and OR operators geändert am  16-Oct-2007 19:16:04
UserFunc to fix problems with HMENU type "special=updated"  geändert am  16-Oct-2007 18:58:40
Deutsch
Search: