Design View

The Design view is where you’ll be building your forms and setting up your apps interface. This is what the users of your app will see when they launch it. Below is a map of the design view and below that we’ll go into each section

003 Design view - overview

003 Design view - 1Dropdown menu 

Clicking on the Dropdown menu reveals options to Launch the app you’re designing, edit the title and communications options through the App Settings option, Delete the app you’re currently viewing or Save your changes.

003 Design view - dropdown

003 Design view - 2Components List  

The component list contains the building blocks you’ll use to build you app. To do this select the component then click drag and drop it into the design canvas (the center section). While doing this a blue line will indicate where the component will be dropped when you are done dragging it into the canvas. Each of Components perform unique functions. For a complete description of each component and their sub-menu options refer to the help document Component Descriptions

drag+drop componentgif

003 Design view - 3App title & description

The app title and description is imported from the previous screen. You can change the title and description by either clicking on the name or going to the drop down menu item titled App Settings

003 Design view - 4Design Canvas 

The Design Canvas is where you’ll be building your apps interface by dragging the components from the components list and dropping them into this area. You want to reorder or move the components in your Design canvas you can click and drag them to where you want them to go. A blue line will appear to indicate where the component will be dropped.

003 Design view - 5Component Submenu

When a component isn’t selected this section contains tips and quick links. Once you select on a component  in the Design Canvas (indicated by the blue dashed outline) a submenu for that component will slide out from the right. In this submenu you are presented with the option of changing the title of the component and alter the settings to fit your needs. For a complete description of each component and their sub-menu options refer to the help document Component Descriptions

003 Design view - 6Search bar

The search bar in the context of the Design view continues to act as a search for apps under the dashboard. For further detail around other contextual uses of the search bar please refer to the article Search Bar in Depth

Updated on September 19, 2017

Was this article helpful?

Related Articles