-
Book Overview & Buying
-
Table Of Contents
Mastering TypoScript: TYPO3 Website, Template, and Extension Development
You can design form fields and forms with HTML and CSS in the usual way. Make the necessary adjustments in the template.
tt_content.mailform.20.layout = <tr> <td>###LABEL###</td><td></td> <td>###FIELD###</td> </tr> tt_content.mailform.20.params = class="formular" tt_content.mailform.20.stdWrap.wrap = <table border="1"><i> | </i></table>
Use the Layout property to define the basic task of a form line. Both the ###LABEL### and the ###FIELD### markers have to be put in place for this; they will be replaced with the appropriate form fields when the form is being generated. There are tables to configure the form elements.
You can assign attributes to the form elements with the params property. This is generally used to insert CSS classes.
Before you finish the template, you need to decide what the final output should look like. In this example, the characters are displayed in italics and inside a table.
Change the font size
Change margin width
Change background colour