Every APEX application comes with an icon that you can customize to give your app a unique look and feel. You can either choose an icon from a list of options provided or upload your own icon for a more personalized experience. The app icon serves as the PWA icon, appears on the application login page, favicon, and builder app icon.

To ensure that your PWA icon looks great on all devices, APEX generates five different icon formats when you upload a file: 32x32, 144x144, 192x192, 256x256, and 512x512. Each icon format has a specific use case, and by providing these different sizes, APEX ensures that your app looks visually appealing on all platforms.

Managing App Icon

Instructions

1. In the App Builder click Shared Components
2. Click User Interface Attributes
3. Click Change Icon button
4. Choose a predefined icon and color or upload, resize, and crop a custom icon
5. Click Save Icon
6. Your app icon gets saved in three formats (32x32, 144x144 rounded, 192x192, 256x256 rounded and 512x512)

Oracle APEX Progressive Web App shortcuts provide a convenient way for users to access specific pages within the application.

On touch-enabled devices, users can simply long-press on the home screen app icon to access the shortcuts.

For non-touch devices, such as computers, users can right-click on the taskbar app icon to access the same feature.

By providing these shortcuts, Oracle APEX enhances the user experience and makes it easier for users to quickly access the pages they need within the PWA.

Compatibility

This table shows the supported combinations of operating systems and browsers for the PWA Shortcuts feature.

	Chrome	Edge	Firefox	Safari
Android	Yes	Yes	No	N/A
iOS	No	No	No	No
macOS	Yes	Yes	No	No
Windows	Yes	Yes	No	N/A

Last updated: April 2023

Managing Shortcuts

Instructions

1. In the App Builder click Shared Components
2. Click Progressive Web App
3. Turn on Enable Progressive Web App and Installable
4. Choose if shortcuts are enabled for Public Sessions or All Sessions
5. Click Add Shortcut button
6. Type a name and select the page target
7. Upload your shortcut icon file or or leave the default
8. Click Create