Summary of improvements in the app editor

The app editor includes navigation, app setting, and error and warning improvements to facilitate the configuration of specific features. For example, the new Settings section in the left navigation gathers together all app-wide settings and makes it more intuitive for all app creators to find these types of settings.

The app editor improvements are summarized in the following sections:

Switch to the legacy editor

You can switch between the new navigation and legacy editor at any time by clicking Icon for improved app editor preview in the top navigation bar. By default, you are opted in to the improved editor

New primary navigation and consolidated app settings

The new primary navigation bar has a new look and feel. In additional, app settings are consolidated under Settings in the navigation bar, including settings for configuring offline and sync.

New navigation summary

The following table summarizes the primary navigation and app setting improvements by feature, and includes the legacy navigation for comparison.

Feature New navigation Legacy navigation
Configure app settings Configure all app settings by selecting Settings in the left navigation Configure app settings by navigating to several locations in the app editor
Design your app Select App icon in the left navigation Select UX in the left navigation
Add actions Select Actions icon in the left navigation Select Behavior > Actions in the left navigation
Configure offline and sync Configure offline and sync behavior with other app settings by selecting Settings in the left navigation Select Behavior > Offline/Sync in the left navigation


New secondary navigation panel

A secondary navigation panel is now displayed for each primary navigation section (Data, App, Automation, and so on) that enables you to manage configuration and settings for your app.

The following shows an example of the secondary Views panel that you can use to configure and manage views:

Views secondary panel

Simplified in-context view configuration

To be able to make a specific edit to your app without jumping into a different context, there are more direct links in your view component to the table, column, or action that you want to check or edit. For example, when you are working on a deck view, you no longer need to click away to check the settings of a column or action. 

Show this slice when configuring view

More prominent error and warning messages

Error and warning messages are communicated more prominently in locations throughout the editor, including:

  • App top navigation bar enables you to access a summary of all errors and warnings. For example:

    Errors and warnings in app top nav bar
  • Primary and secondary navigation panels enable you to access errors and warnings specific to displayed items. For example:

    Errors displayed in secondary nav

Known issues

At this time, external services can be configured using the legacy editor only. (This is a known issue that will be addressed in the future.)  

Was this helpful?

How can we improve it?

Need more help?

Try these next steps:

Clear search
Close search
Google apps
Main menu