About the new mobile framework

This is a preview releaseof the mobile design framework. See product launch stages . Preview offerings are intended for use in test environments only. This feature is not recommended for use in production apps.

To access your app using a mobile device, you have the option of using the new mobile framework or the current mobile framework (set by default). Eventually, the new mobile framework will replace the current mobile framework. We encourage you to test out this feature in a non-production environment — by making a copy of your apps — and provide your feedback.

Learn more about the new mobile framework in the following sections:

Provide your feedback

Your feedback is invaluable in helping us shape the future of this framework for general availability. Follow the steps described in Send feedback about AppSheet . Be sure to indicate you are using the  new mobile framework in the description.

About the new mobile framework

AppSheet's new mobile framework:

  • Improves the overall mobile experience with a more responsive app, enhanced stability, and modernized user experience
  • Unifies the mobile app experience with the desktop experience

The following table describes the modernized user interface (UI) improvements.

UI improvement
New mobile framework
Current mobile framework

Floating navigation buttons

More  menu when 3 or more primary actions

  • Allows for multiple actions without losing visibility of view content
  • Supports up to 6 actions
  • Includes tooltips

Action button More menu in new mobile design

Action bar with expanded More menu in new mobile design

Action bar overlay in legacy mobile

Action buttons overlay content, maximum of 4

Bottom navigation bar

More  menu when 5 or more buttons in bottom navigation bar

  • Adapts to different screens sizes
  • Improves legibility of icons and titles 
  • Minimizes scrolling

Bottom navigation bar in new mobile design showing 4 buttons and More menu

Bottom navigation bar in legacy mobile showing 7 buttons and More menu scrolled out of view

More menu scrolls out of view, up to 7 buttons shown

Sync

Improved sync functionality

  • Modernizes icon
  • Displays additional information about sync status in bottom panel

Icon: Sync icon

Sync status in bottom panel

Icon: 

Drill-down bar in group-by views

Persistent access to menu navigation (no need to navigate back)

New mobile side navigation

Legacy mobile side navigation

Bottom sheets for secondary actions

Secondary actions shown in menu at bottom of screen for easier access and improved legibility

Secondary actions in bottom menu on new mobile
Secondary actions in drop-down on legacy mobile

Search

Modernized search field and filter control

Search in new mobile framework
Search current mobile framework

Header columns in detail views

Header columns in detail views don't obscure the main image

Header column in detail view in new mobile design

Custom color icons

Customize the color of individual icons using format rules

Individually colored icons

Other changes that further align the mobile experience with the desktop experience include:

  • When using custom app launchers or navigating between apps that use different mobile frameworks you might experience unexpected results with the navigation patterns.
  • For grouped actions :

Turn on the new mobile framework

To turn on the new mobile framework, when  configuring general settings for views turn on the New mobile framework setting in the Generalsection. This setting is turned off by default.

You can continue to use the current mobile framework in your app by turning off the new mobile framework at anytime. 

    Was this helpful?

    How can we improve it?

    Need more help?

    Try these next steps:

    Search
    Clear search
    Close search
    Google apps
    Main menu
    10370237898107278730
    true
    Search Help Center
    true
    true
    true
    false
    false
    false
    false
    Create a Mobile Website
    View Site in Mobile | Classic
    Share by: