Reuse apps and modules

Just like templates, reusing entire apps or pages, models, and scripts helps you to achieve the following:

  • Build apps faster.
  • Maintain consistent app design.
  • Avoid rework. You can share apps (or selected components) with your organization and other App Maker users.

Reuse entire apps, or a selection of app pages, models, and scripts, by exporting them from one app and importing them to another app.

When you export a subset of pages, models, and scripts, rather than an entire app, App Maker groups it into a module.

Export an app or module

  1. Open the app in App Maker.
  2. At the bottom of the left panel, click Export.
  3. Select the app or the specific pages, models, and scripts to export:
    • To export the entire app, make sure that the Export all box is checked.
    • To export a subset of pages, models, and scripts from the app, uncheck the Export all box and check the boxes for the components to export. If the exported module includes pages, page styling is exported but not global styling.
  4. Click Export and enter a name for the exported zip file.

Import an app or module

Before you begin, review the following points about what happens during an import:

  • When you import a module, the import does not include the following settings:

    • Global styling settings (page, page fragment, and popup styles are imported)
    • App settings, including external resource URLs and script libraries.

    The imported module also might not include all the required dependencies. You need to edit the settings and dependencies as part of the import process.

  • You can revert the app to its pre-import state by clicking Settings settings chevron_right Revisions and reverting to the previous revision. For more information, see Revisions.

  • App Maker automatically corrects naming and binding conflicts. For example, if you import a widget named "EmployeeData" and an existing widget is already named "EmployeeData", App Maker renames the imported widget "EmployeeData1".

  • You need to manually resolve conflicts in custom scripts after the import.

To import an app or module, follow these steps:

  1. Open the app in App Maker.
  2. Click Menu menu chevron_right Import (.zip).
  3. Select the exported file and click Open.
  4. Select an option for the overwrite behavior:
    • To import without overwriting, make sure that the Overwrite current application on import box is unchecked. This option merges the imported modules into the current app and does not import app settings.
    • To import and overwrite the existing app, check the Overwrite current application on import box. This option deletes all current components and settings, replacing them with components and settings from the imported app.
  5. Click Import.
  6. If you imported a data model, acknowledge that the database synchronized.
  7. The import dialog shows the imported pages, models, and scripts. Click OK to close the import dialog.
  8. If you imported a module, edit the app settings, page styles, dependencies, scripts, and external resources, as needed.
  9. Preview the app. Review the styles and settings to make sure that your app looks and behaves as expected.