Adding an Image Uploader Tool

Compose

The image uploader tool enables users of your mobile app to upload and save their own images using the image uploader tool.  Unlike the Picture tool, the image uploader will appear on your mobile app pages as a blank input field where your users will be prompted to upload their own images and that can be saved for collection.

INPUT ELEMENTS TIPS

• Remember to set up a variable to capture your information. You can do so using the variable page, which can be accessed on the Compose page. More about this here. 
• Be sure to add a button to your page and connect this button with a corresponding response set (if...then). More about buttons here. 
• Make sure you include a response set condition to "Save Data" and then connect your input element to a corresponding variable. More about response sets here.

How to add an image uploader to your app

To add an image uploader to your app navigate to the Compose page and select "add new element."

From the add new element menu select "Image Uploader" from the "Input" section.

Within the Image Uploader menu, you can adjust and customize the below items you'd like users to be able to see and input when using your app:

• Name: This will be the way you refer to your image uploader item internally. Note - this will only be visible to you (not users), while editing the app.
• Caption: You can choose to give your uploader a caption. Users will see this when they use your app. For example you can prompt them to upload an image by typing "Upload your image here"
• Size: Select the size you'd like images to adjust to. Note that images will be automatically downsized, so if a user tries to upload a large picture for example, Chorus will automatically resize it to a maximum height or width of 800 pixels.
• Preview: Preview how your image uploader will work for your users. Tip: you can try selecting and uploading your own image to preview how it will look for your users.

Click "Add image uploader" to add the element to your page.

Author View	Client View

Saving Data

Now that you have created an input element for your users to add data to your app, you need a place to store it.

First, you'll need to create a variable and variable field by following our data management guide here. Next, you'll need to add a button for your users to indicate they are done adding data to the page by following our adding a button guide here.

Now we're ready to collect some data! Click to the right of your interaction to open the response sets page:

Under the "then" section, click on the orange Add another action button and select "Save data":

Choose the appropriate variable table and variable fields where you want to save data:

Click "Create" to finish:

Managing Elements

Mousing over an element will highlight the element area. Use the pencil icon to edit or remove that particular element. You can also use the arrow icons to move an element up or down on a page. Click on the orange plus sign to add a new element to a page.

Next Steps

Help users navigate between pages of your mobile app and store data by adding buttons!