Multi-Registration Setup

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:

  • First Name
  • Last Name
  • Email Address
  • Time Zone
  • State / Province
  • Country

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" - appears above the field
  • "required" - determines if the field is required or not
  • "order" - allows you to adjust the order the form fields display in
First Name
  1. {
  2. labelText: 'First Name', // Change label above input field
  3. fieldType: {
  4. inputElem: 'input',
  5. type: 'text'
  6. },
  7. id: 'FirstName',
  8. name: 'FirstName',
  9. required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
  10. order: 5,
  11. },
Last Name
  1. {
  2. labelText: 'Last Name', // Change label above input field
  3. fieldType: {
  4. inputElem: 'input',
  5. type: 'text'
  6. },
  7. id: 'LastName',
  8. name: 'LastName',
  9. required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
  10. order: 10,
  11. },
Email Address
  1. {
  2. labelText: 'Email Address', // Change label above input field
  3. fieldType: {
  4. inputElem: 'input',
  5. type: 'text'
  6. },
  7. id: 'EMailAddress',
  8. name: 'EMailAddress',
  9. required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
  10. order: 15,
  11. },
Password
  1. /***** IF THE PASSWORD FIELD IS NOT NEEDED, COMMENT THE SECTION BELOW *****/
  2. // {
  3. //   labelText: 'Password', // Change label above input field
  4. //   fieldType: {
  5. //     inputElem: 'input',
  6. //     type: 'text'
  7. //   },
  8. //   id: 'Password',
  9. //   name: 'Password',
  10. //   required: 'XR'
  11. // },
  12. /***** END IF PASSWORD IS NOT NEEDED, COMMENT OUT *****/
Time Zone
  1. {
  2. labelText: 'Time Zone', // Change label above input field
  3. fieldType: {
  4. inputElem: 'select',
  5. type: ''
  6. },
  7. id: 'TimeZone', //id must equal 'TimeZone'
  8. name: 'TimeZoneInfoKey',
  9. required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
  10. order: 20,
  11. },
State / Prov
  1. {
  2. labelText: 'StateProv', // Change label above input field
  3. fieldType: {
  4. inputElem: 'select',
  5. type: ''
  6. },
  7. id: 'StateProv',
  8. name: 'StateProv',
  9. required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
  10. order: 25,
  11. },
Country
  1. {
  2. labelText: 'Country', // Change label above input field
  3. fieldType: {
  4. inputElem: 'select',
  5. type: ''
  6. },
  7. id: 'Country',
  8. name: 'Country',
  9. required: 'XR', // 'XR' = REQUIRED, '' = NOT REQUIRED
  10. order: 30,
  11. }

*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.