Step 03: After setting up the layout and configuring the webcast list, now you can setup the standard form fields. In this step you will be able to update the labels and change the display order of the standard fields. The standard form fields displayed on the template are:
The section below is a sample of the JavaScript that will need to be updated in the template. By default the password field is commented out so that it doesn't display on the form. If the password field is needed, you can uncomment this section between lines 308-319 by removing "//" before each line. The main areas in the code you need to focus on are:
{
labelText: 'First Name', // Change label above input field
fieldType: {
inputElem: 'input',
type: 'text'
},
id: 'FirstName',
name: 'FirstName',
required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
order: 5,
},
{
labelText: 'Last Name', // Change label above input field
fieldType: {
inputElem: 'input',
type: 'text'
},
id: 'LastName',
name: 'LastName',
required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
order: 10,
},
{
labelText: 'Email Address', // Change label above input field
fieldType: {
inputElem: 'input',
type: 'text'
},
id: 'EMailAddress',
name: 'EMailAddress',
required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
order: 15,
},
/***** IF THE PASSWORD FIELD IS NOT NEEDED, COMMENT THE SECTION BELOW *****/
// {
// labelText: 'Password', // Change label above input field
// fieldType: {
// inputElem: 'input',
// type: 'text'
// },
// id: 'Password',
// name: 'Password',
// required: 'XR'
// },
/***** END IF PASSWORD IS NOT NEEDED, COMMENT OUT *****/
{
labelText: 'Time Zone', // Change label above input field
fieldType: {
inputElem: 'select',
type: ''
},
id: 'TimeZone', //id must equal 'TimeZone'
name: 'TimeZoneInfoKey',
required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
order: 20,
},
{
labelText: 'StateProv', // Change label above input field
fieldType: {
inputElem: 'select',
type: ''
},
id: 'StateProv',
name: 'StateProv',
required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
order: 25,
},
{
labelText: 'Country', // Change label above input field
fieldType: {
inputElem: 'select',
type: ''
},
id: 'Country',
name: 'Country',
required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
order: 30,
}
*Please note: All numbers displayed on the left side of the code are based on the line numbers displayed in the text editor when editing the HTML in the template. The code above is just a visual reference of the templated HTML that should be used as a guide. It is HIGHLY RECOMMENDED to update the code that is within the template.
If there are any questions on configuration of the Multi-Registration Template, send an email to: streaminghelp@notified.com.
To download the latest Multi-Registration Template, click here.