How to create a form using a template

This article shows you how to create a content from a template using the Form app.

Table of Contents

• Create an internal datasource for the results
• Create a content from template
• Bind your datasource to the screen
• Assign the content to your screen
• Customizing the Content to Your Branding

Create an internal datasource for the results

1. Go to Settings > Datasources > Internal Datasources and click Add internal datasource
2. Name your datasource
3. From the dropdown select the Table structure type
4. Enable the Editable from display option
5. Click Save

6. Click the Editor button in the row of your newly created internal datasource

7. Select the custom view at the top right

8. Copy and paste the following structure, this way your data will be collected into a table that's easy to view and edit.
   Datasource structure:

{
  "New Table 1": {
    "header": {
      "FirstName": "string",
      "SecondName": "string",
      "CompanyEmail": "string",
      "CompanyName": "string",
      "MobileNumber": "string",
      "How": "string",
      "Other": "string"
    },
    "rows": []
  }
}

9. Click Save

Create a content from template

1. Go to Contents
2. Click Add new >> Create content from template

3. Search for Form and select the Form App 2 template
4. Click Next

5. Name your content
6. Click Create

Bind your datasource to the screen

1. Go to Devices
2. Right click on your device and go to Settings

3. Click bind datasource and data row
4. Select the internal datasource you created
5. Click Save

Assign the content to your screen

1. Right click on your device and select Assign content

2. Look for the content you created previously and select it
3. Click Apply

Customizing the Content to Your Branding

Changing the logo:

1. Click on the Wallboard logo
2. Click on the Source under the widget's Main settings then choose or upload a new image

Changing the header color:

1. Click on either side of the header
2. Click on Fill color under the widget's Main settings then choose a new color for your header, click Select once finished

Changing the button colors:

1. Click on the Subscribe button
2. Click on Button color under the widget's Main settings then choose a new color for your button, click Select once finished
3. Repeat the same process on the Thank you page for the Back to home button

Changing text colors:

1. Click on the Hey there! text
2. Click on Font color under the widget's Main settings then choose a new color for your text, click Select once finished
3. Repeat the same process on the Thank you page for all the texts you want to recolor

Changing the confirmation closeout time:

1. Click on the Subscribe button
2. Click Edit touch events under the widget's Other settings

3. Change the duration for the Auto close
4. Click Save

5. Go to the Thank You page
6. Click on the 15 countdown at the very bottom
7. Set the Start from in the widget's Main settings so it matches the time you set at step #3

Tip!

If you have further questions please do not hesitate to contact us at support@wallboard.info. Happy editing!