Progressive Web Apps 🔒

PWAs allow your users to install your app on their device similar to a native app

To turn your Budibase app into a Progressive Web App (PWA), open the app in the builder and head to Settings >> Progressive Web App. Here you can configure

📘

Progressive Web Apps (PWAs) are limited to Enterprise-tier Budibase tenants.

App Details

AttributeUsage
App NameThe title given to your app, which it will be referred to in most circumstances.
Short NameUsed to specify a short name for your web application, which may be used when the full name is too long for the available space.(Not supported in Firefox)
DescriptionDisplayed in the modal which prompts the user to download the PWA

Appearance


App Icons

In order to provide the required icons for all required formats, we recommend using a tool like PWA Builder to generate a .zip file containing all the required sizes and formats. The example below

An example modal when a user clicks to download a PWA

An example modal when a user clicks to download a PWA, featuring the App Name and Description settings

Colors

The Theme color chosen will be used for the app's title-bar. The Background color will be used while the app is loading, though behaviour may differ on some devices.


Display Mode

Only available on mobile devices, these setting impacts how the app will your app is displayed.