Mobile Interactions Overview

Compose

Once you've gotten your app set up, it's time to dig into creating the interaction pages and elements within those pages.  

This help article will help you understand the different aspects of creating a mobile interaction page and how to work with each of the elements on your page. The other help articles within this section will serve to dive into the details of each element that you can add to your mobile interaction page with an explanation of how and when to use each element. 

TO GET STARTED

• Start by setting up a mobile interaction using our Composing mobile interactions guide.

Mobile interaction pages

Within your newly created app, you can use the Compose section to begin creating the pages of your app. Go there by clicking on the music note in the left-hand navigation. Each page of your app is considered a "Mobile interaction page." For clarity - when we refer to pages anywhere within Chorus we are referring to mobile interaction pages.

You can use one of our "Easy Create" options or start fresh with a new page. For now, we're going to go ahead and click on "New Page" to get started.

Mobile interaction page elements

Within Chorus, the items displayed on mobile pages are called "Elements." When editing a mobile interaction page, you'll use "Elements"  to create the items that will be displayed on that page to your users.

Each mobile page can consist of one or many elements that you can create and organize to display and collect information. Use Elements to create custom layouts of text, images, audio, forms, and more. You can also use special Elements called "Input Elements" to collect data within your app.

In the example below, you can see four different element types: picture, text composer, text input element, and button input element.

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 plus sign to add a new element to a page.

Advanced

Elements can be variable-sensitive, meaning they can change based on data collected and displayed in your application. Check out our data management guides to learn more.

Next Steps

Let's get started by exploring the different element types, starting with the text composer.

For more about how to add an element to a mobile interaction page, you can visit our Getting started with mobile apps article.