How to Build Your First App

Overview of Content Creation in the VisitApps MAS

Building your app in the VisitApps MAS is easily accomplished by understanding the three main building blocks available in the MAS: Containers, Items and Properties.

Essentially Containers determine the structure and menus within your app, Items are your app’s pages and Properties provide the information and content of your app. Understanding this basic overview will help you be successful as you start building your first app.

Creating and Editing Containers

Containers are used to categorize your Items. They create the structure and navigation of your app.

You can add a Container by selecting it from the Draggables library and placing it in the Content section. Containers are indicated by blue icons.

Click Here for a Demonstration
image-0.gif

The main containers that are built in the Content section will create your root menu, and will display at the bottom of your app. Up to five containers can display in the Root Menu.

image-1.png

You can add levels to your app’s navigation by selecting the Container’s name, which takes you inside the selected container. You can use the breadcrumbs at the top of the Content section to get back to where you started.

Click Here for a Demonstration
image-2.gif

To edit a container’s properties, select the icon next to the Container’s name. Doing so will open up the Container’s settings.

For more information about editing and designing your Containers, click here to access our content management articles.

Creating Items

Items are the pages of your app that display your app’s content. Items can be added to your app’s Containers.

You can add an Item by selecting it from the Draggables library. Items are indicated by black icons.

image-3.png

Once you’ve added an Item, you can update its settings by selecting the Item name.

Click Here for a Demonstration
image-4.gif

For more information about editing and designing Items, click here to read the "What Is an Item and How Do I Use It?" Knowledgebase article.

Adding Properties, Images and Actions

Properties are placed on top of Items and Containers to add information to your app. They also provide actions that your app users can interact with. Properties exclusive to items are indicated with a yellow icon color, while properties in general are green. You can mix and match these to customize your app with Properties, such as:

  • Image
  • Address
  • Contact Information
  • Podcast Link
  • Email Address
  • Phone Number
  • FaceTime Number
  • Share Option
  • Text
  • User Notes
  • Video
  • Website Link

image-5.png

You can add any of these to Properties to an Item by dragging it and placing it on top of the Item.

image-6.png

Once you’ve added a Property, you can update its settings by selecting the Property name.

Click Here for a Demonstration
image-7.gif

For more information about editing and designing your Properties, click here to read the "What Are Properties and How Do I Use Them?" Knowledgebase article.

Using the Pocket to Quickly Edit Your App

The Pocket is used to move Containers and Items around in your app. It can also be used to duplicate and link Items. Linking Items makes the same item available to be accessed via different containers.

To move a Container or Item, select its icon and drag it into the Pocket.

Click Here for a Demonstration
image-8.gif

Next, navigate to the Container you wish to place that Container/Item in the Content section of your VisitApps MAS. Then drag the action from the Pocket into the new placement you want it to live.

Click Here for a Demonstration
image-9.gif

Click here to learn more about moving, duplicating and multi-parenting content


Quick Links to Knowledgebase Articles Referenced in This Document