Daniel Ventures, Incorporated

Last Updated

23. November 2008

Typo3 Developer: Add to the Registration Form

Add radio buttons in four steps

To add fields, or in this case a group of radio buttons, to the initial Front End User Registration form generated by extension "srfeuserregister", try these four steps:

  1. Extend the fe_users table by creating an extension.
  2. Add the radio button group to the HTML template.
  3. Add to the Constants.
  4. Format the results using CSS

Extend the fe_users table by creating an extension

Create an extension using the Kickstarter.



In the section "Extend existing Tables" add a field to the fe_users table to store selected items from the new radio button group.

 



Add the radio button group to the HTML template

Create an HTML template based on the default template used by the srfeuserregister extension. Add markers to the template where you want the radio button group to appear in the form. Add the markers to each section of the template. The template includes several sections which display form elements based on your settings such as if you want a field to be required.

 

 <!-- ###SUB_INCLUDED_FIELD_tx_dvregform1_interest### -->
 <dt>###LABEL_TX_DVREGFORM1_INTEREST###</dt>
 <dd class="dvregform1_interestb">
###TCA_INPUT_tx_dvregform1_interest###</dd>
 <!-- ###SUB_INCLUDED_FIELD_tx_dvregform1_interest### -->

 

Add to the Constants

In the Constants Editor, set the srfeuserregister extension to reference your new HTML template



Format the results using CSS

HTML for the radio button group will appear as a string of input and label elements. You may need to restrict the width of the group using a table. Use CSS to float the results into the proper positions in your form.