Creating an app : App design page
  

App design page

Once you've created a new app (or clicked on an existing app's card or list item on the dashboard), you enter the app design page.
From this page, you can click:
*The gear menu next to the app name. This provides the following options:
*Properties: This opens the Edit App dialog box, which is similar to the Create App dialog box (see Creating an app: first step). To know more about these properties, see Editing app properties.
*Roles: This opens an Authorization Roles dialog box that allows you to define the names of user roles that the app can use to authorize access to modules, views, and one or more layout components of a Blank view. To know more about roles, see Using roles to authorize user access.
*Generate to generate the HTML and JavaScript source code for the app based on the latest edits. This also makes the app ready to run in preview mode (when you click Preview).
*Preview, which shows a preview of what the finished app looks like and how it behaves in the default web browser using a webpack-dev-server. Preview runs the latest generation of the web app. If the app has not yet been generated, or requires generation after editing in the Designer, this option automatically generates the app before previewing it.
*Publish, which generates a deployment image of the HTML and JavaScript source code for the app based on the latest edits, using one of the following deployment options that you choose:
*Debug: Test deployment on a web server.
*Release: Production deployment on a web server.
*Modules: Shows a list of one or more module cards containing at least one card for the built-in Application module, with options for adding or editing modules and their views. Note that you can also change the order in which existing modules appear on the page by dragging and dropping them within this list. The order that you specify also corresponds to the order in which modules appear in the app at run time. A gear menu on each module card provides options to edit its properties and to delete the module and all its views (for user-created modules only). Note that the Application module cannot be deleted because it provides design-time access to built-in views that are available for use by every app.
To add a module, click + Add Module.
To add or edit views in a module, click its module card. To know more about editing modules, see Adding and editing modules.
*Data Providers: Shows a list of any data provider cards that appear when you add a data provider, with options for adding or editing data providers and their data sources. A gear menu on each data provider card provides options to edit its properties and to delete the data provider and all its data sources.
To add a data provider, click +Add Data Provider.
To add or edit data sources in a data provider, click its data provider card.