How to collect data into an internal datasource

This article shows you how to create a content that collects names and email addresses from inputs into an internal datasource.

Table of Contents

• Create an internal datasource
• Create and configure a content with input fields
• How to clear the contents of the inputs after they have been submitted

Create an internal datasource

1. Go to Settings > Datasources > Internal Datasources and click Add internal datasource
2. Name your datasource
3. Enable the Editable from display option
4. Click Save

In order to be able to successfully collect data, you will need to add at least one array property to your datasource so you can funnel your data there.

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

6. Input an empty JSON array that your data will be collected into
   For example:

{
    "CollectedEmails":[]
}

7. Click Save

Create and configure a content with input fields

In this example we are collecting names and email addresses so we will need a content that has at least two input fields.

1. Place input widgets where users will be able to enter their names and email addresses
2. Place a text widget that will be used as our submit button
3. Select the text widget you just placed and go to the Other tab
4. Scroll to the bottom and click Edit touch events

5. Click Add new
6. For Action type select Execute action batch
7. At Sent fields click the blue Add button and add the Widget's value property twice

8. Select the two input widgets from the dropdowns and name them individually
9. Next click on Actions

10. Click Add new
11. For Action type select Insert to internal datasource array
12. Click Add binding and select the datasource you created and from the second dropdown the empty array inside the datasource
13. Set the Index value to 0 so your data will be always be inserted at the front of your array
14. For Value origin select Received value
15. Click Save twice

Now once a user fills out the inputs and clicks send their name and email address will be added to your datasource.

How to clear the contents of the inputs after they have been submitted

You can optionally add two more touch events to your text widget so once it is clicked, it will clear the contents of the input fields.
All you have to do is add two new actions under your existing action that look like this:

Tip!

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