Creating contact details sections

You can create the Contact details section to allow community members to enter their:

• home address
• phone numbers
• email address.

Adding the elements

To add the elements:

1. Click the Elements tab. See Online form builder - Elements tab.
2. Click the HTML Elements sub-tab.

   The HTML Elements sub-tab is displayed.

   

3. Drag and drop the following elements from the HTML Elements sub-tab into the Contact details section.

   

4. Click the Input Controls tab.

   The Input Controls tab is displayed.

   

5. Drag and drop Text input elements from the Input Controls sub-tab underneath the headings as shown below.

   

6. Click the Select Controls sub-tab.

   The Select Controls sub-tab is displayed.

   

7. Drag two Select input elements underneath the first heading

   

   The elements are added.

8. Click .

Updating the element text

To update the element text:

1. Click the Properties tab. See Online form builder - Properties tab.

   The Properties tab is displayed.

   

2. Select an HTML heading element.
3. Type one of the following labels into the Label Text field.
   • Home address
   • Phone numbers
   • Email.
4. Repeat steps 2 and 3 until all the HTML heading elements have unique label text.
5. Select a Text input element under the Home address heading.
6. Type one of the following labels into the Label text field. You can type either:
   • Address Line 1
   • Address Line 2
   • Address Line 3
   • Suburb
   • Postcode.
7. Repeat steps 5 and 6 until all the Text input elements under the Home address heading have unique label text.
8. Select a Select input element under the Home address heading.
9. Type one of the following labels into the Label text field. You can type either:
   • State
   • Country.
10. Repeat steps 8 and 9 until both Select input elements have unique label text.
11. Select a Text input element under the Phone numbers heading.
12. Type one of the following labels into the Label text field. You can type either:
    • Home phone number
    • Mobile phone number.
13. Repeat steps 11 and 12 until both Text input elements have label text.
14. Select the Text input element under the Email heading.
15. Type Email address into the Label text field.

    The element text is updated.

    

16. Click .

Mapping the elements to Synergetic fields

To map the elements to Synergetic fields:

1. Click the Properties tab. See Online form builder - Properties tab.

   The Properties tab is displayed.

   

2. Select one of the following Text input elements.
   • Address Line 1
   • Address Line 2
   • Address Line 3
   • Suburb
   • Postcode
   • Home phone number
   • Mobile phone number
   • Email address.
3. Select spiOnlinePublicCommunityContactDetails from the Object Mapping drop-down list.

   

4. Select the correct option from the Field/Param Mapping field. You can select either:
   • Address1 for the Address Line 1 field
   • Address2 for the Address Line 2 field
   • Address3 for the Address Line 3 field
   • Suburb for the Suburb field
   • Postcode for the Postcode field
   • PhoneActual for the Home phone number field
   • MobilePhoneActual for the Mobile phone number field.

     Tip: You can use the Validation field to ensure users enter the correct information into email and phone number fields. See Applying validation rules.

5. Repeat steps 2 through 4 until all the Text input fields are mapped to Synergetic fields.
6. Select one of the following Select input elements:
   • State
   • Country.
7. Select spiOnlinePublicCommunityContactDetails from the Object Mapping drop-down list.

   

8. Select the correct option from the Field/Param Mapping field. You can select either:
   • State for the State field
   • CountryCode for the Country field.
9. Select the correct lookup table from the Data Bind field. You can select either:
   • luState for the State field
   • luCountry for the Country field.
10. Repeat steps 6 through 9 until both Select input fields are mapped to a Synergetic field and lookup table.

    The elements are mapped to Synergetic fields.

11. Click .

Now we can create the Connection to school section. See Creating the Connection to school section.

Last modified: 31/03/2017 11:20:16 AM