App Designer

Use the App Designer to configure your app, design its pages, and manage its assets in a single, unified workspace.

The Elements panel provides quick access to all app assets, including pages, connections, tables, workflows, documents, files, permissions, user access, and app settings. The Configuration panel allows you to configure each asset directly within the designer.

Jump to:

Access the App Designer

  1. In the navigation bar, click Apps.

  2. Select an app from the apps list.

Navigate the App Designer

Elements panel

The Elements panel is on the left side of the App Designer. It displays all app assets, which you can select to configure and manage your app.

  • Pages: Create and manage the pages in your app. For more information, see Pages page.

  • Connections: Set up and manage connections to pass data between pages in your tenant and connectors. For more information, see Connections page.

  • Tables: Create and manage tables used as data sources for apps and process-related data. For more information, see Tables page.

  • Workflows: Create and manage workflows for your app. For more information, see Workflows page.

  • Documents: Create and manage documents for your app. For more information, see Documents page.

  • Files: Add and manage files for your app. For more information, see Files page.

  • Permissions: Create and manage permission sets that determine user access for the app and its data. For more information, see Permissions page.

  • User access: View the users and groups that can access the app. For more information, see User access page.

  • App settings: Manage app settings, including the app name, URL, and Design system. For more information, see App settings page.

Configuration panel

The Configuration panel is on the right side of the App Designer. It displays all items related to the asset selected in the Elements panel. You can view, edit, or configure each item's properties.

Pages page

The Pages page displays the list of pages that reside in an app. On this page, you can:

  • Use the search field.

  • Select the page you want to edit in the list.

    This opens the page in the Page Designer. To return to the Pages page, click the app name in the top-left.

  • Click next to the page you want to manage or right-click the page.

    • Open: Click to open the page in the Page Designer.

    • Settings: Click to open the Page settings.

    • View XML: Click to view the XML version of the page.

    • Preview: Click to preview the page at runtime.

    • Clone: Click to create a duplicate of the current page.

    • Delete: Click to delete the page.

      Note: In Nintex Apps, dependency mechanisms ensure that included pages cannot be deleted until all references to them within container pages are removed. For more information, see Page Include. To see where a page is included, go to Apps > All Pages tab.

Note: 

This option is available only for legacy sites that have pages not associated with an app.

  1. Click Add a page.

  2. In the Add pages to the app dialog, select the pages you want to add.

  3. Click Add.

Page settings

  • Page name: The name of the page.

  • Page title: The title that appears on the browser tab.

  • Page URL: The web address end users visit to access a Nintex Apps page. It is a combination of the app's URL and one or more URL path elements.

    To access more page URL options, click :

    • Edit: Click to edit the page URL.

    • Go to URL: Click to open the page URL in your browser.

    • Disable: Click to disable the URL.

    • Delete: Click to delete the URL.

    Note: 

    Page URLs are automatically enabled when they are added.

    For more information, see Set page URLs.

  • Add URL: Click to add a URL.

  • API version: Displays the API version that the page is built on. For more information, see API Versioning in Nintex Apps.

  • Design system: The name of the design system that determines the styling applied to the page. For more information, see Design system.

  • Max unnamed revisions: Limits the number of unnamed revisions that are created each time a Nintex Apps page is saved. Once the limit is reached, the oldest unnamed revisions are deleted first. For more information, see Page revisions.

  • Personalization mode: Determines where user personalizations, such as selected tabs and filter values, are stored.

    • Client-side: Use for non-authenticated users, such as visitors to a public-facing website, community, or portal.

      Note:  Even if server-side is chosen for the page, non-authenticated users are defaulted to client-side storage for personalizations.

    • Server-side: (Default) Allows user personalizations to sync across multiple devices.

  • Unsaved changes warning: To display a warning when a user attempts to close the page with unsaved changes, turn on the toggle.

  • Available as principal page: To set the page as the principal page, turn on the toggle. For more information, see Principal and dependent pages.

  • Make this the home page: Click to the set the page as the home page.

Connections page

The Connections page displays the list of connections used in an app. On this page, you can:

  • Use the search field.

  • Select the connection you want to edit in the list. For more information, see Connections.

  • Click next to the connection you want to manage or right-click the connection:
    • Go to connection: Click to edit the connection.
    • Remove: Click to remove the connection. This does not delete the connection; it only removes it from the app.

  • Click Create a connection. For more information, see Connections.

  1. Click Add a connection.

  2. In the Add connections to app dialog, select the connections you want to add.

  3. Click Add.

Tables page

The Tables page displays the list of tables used in an app. On this page, you can:

  • Use the search field.

  • Select the table you want to edit in the list. For more information, see Tables.

  • Click next to the table you want to manage or right-click the table:
    • Go to table: Click to edit the table.
    • Remove: Click to remove the table. This does not delete the table; it only removes it from the app.

  • Click Create a table. For more information, see Tables.

  1. Click Add a table.

  2. In the Add tables to app dialog, select the tables you want to add.

  3. Click Add.

Workflows page

The Workflows page displays the list of workflows used in an app. On this page, you can:

  • Use the search field.

  • Select the workflow you want to edit in the list. For more information, see Workflows.

  • Click next to the workflow you want to manage or right-click the workflow:
    • Go to workflow: Click to edit the workflow.
    • Remove: Click to remove the workflow. This does not delete the workflow; it only removes it from the app.

  • Click Create a workflow. For more information, see Workflows.

  1. Click Add a workflow.

  2. In the Add workflows to app dialog, select the workflows you want to add.

  3. Click Add.

Documents page

The Documents page displays the list of documents used in an app. On this page, you can:

  • Use the search field.

  • Select the document you want to edit in the list. For more information, see Documents.

  • Click next to the document you want to manage or right-click the document:
    • Open: Click to edit the document.
    • Remove: Click to remove the document. This does not delete the document; it only removes it from the app.

  • Click Create a document. For more information, see Documents.

  1. Click Add a document.

  2. In the Add documents to app dialog, select the documents you want to add.

  3. Click Add.

Files page

The Files page displays the list of files used in an app. On this page, you can:

  • Use the search field.

  • Select the file you want to edit in the list. On the file detail page, you can configure the following:

    • File name: Displays the file name.

    • Description: Displays the file description.

    • Visibility: Select one of the following options:

      • Public: Allows access to the file for non-authenticated users.

      • Private: Restricts access to the file to authenticated users only.

  • Click next to the file you want to manage or right-click the file:

    • Configure: Click to configure the file properties.

    • Download: Click to download.

    • Remove: Click to remove the file. This does not delete the file; it only removes it from the app.

    • Preview: Click to view the file in a new browser tab.

  1. Click Upload a file.
  2. In the file selection dialog, select the file you want to add.
  3. Click Open.
  1. Click Add a file.
  2. In the Add files to app dialog, select the files you want to add.
  3. Click Add.

Permissions page

The Permissions page displays the list of permissions created for the app. On this page, you can:

  • Use the search field.

  • Click next to the permission set you want to manage or right-click the permission:

    • Configure: Click to configure the permission.

    • Remove: Click to remove the permission.

  1. Click Create a permission set.

  2. In the Create permission set dialog, type a unique name for the permission.

  3. In the Description field, type a description that ensures quick and easy permission identification and assignment.

  4. Click Done.

  5. Under the Connection access tab, select the connections to assign for the permission set.

  6. Under the User access tab:

    1. To assign groups, click Assign groups.

    2. In the Assign groups to permission set dialog, select the groups you want to assign the permission to.

    3. Click Assign.

    4. To assign users, click Assign users.

    5. In the Assign users to permission set dialog, select the users you want to assign the permission to.

    6. Click Assign.

    7. To remove a group or user, click next to the group or user.

    8. Click Save.

Note: 

App permission sets are the recommended way to grant users access to apps. If you don’t create and assign app permission sets, users can only access apps through their site permission set. Site permission sets will be deprecated soon. For more information, see Permissions in Nintex Apps.

User access page

The User access page displays separate lists of users and groups that have access to the app. On this page, you can:

  • Use the search field.

  • Click next to the user you want to manage or right-click the user:

    • Manage user access: Click to view the user's permission sets.

      1. In the user details page, click next to the permission set you want to view. For more information, see Permissions in Nintex Apps.

      2. To view the user profile, click Go to user. For more information, see User Management.

    • Go to user: Click to view the user profile.

App settings page

In the App settings page, you can view and edit the following:

  • Name: Displays the app name.

  • App URL: Displays the app URL. You can edit the URL if needed. For more information, see Apps.

  • Design system: Displays the app's design system.

    To update, select the design system you want from the drop-down. For more information, see Design system.