Skip to main content

App Capabilities

Overview​

The App Capabilities section enables advanced features that enhance your web app with native app-like functionalities. This includes features such as passwordless login, background sync, periodic background sync, content indexing, persistent storage, and other advanced web APIs, all aimed at providing a seamless mobile-like experience.

1. Smooth Page Transitions​

What are Smooth Page Transitions?​

This feature allows your web app to load content without reloading the entire page, providing a true native app-like experience. It enables smooth slide and fade transition animations between pages and displays a progress bar while the page loads.

Smooth Page Transitions

Configuration Options​

Enable Page Transition​

  • Description: Activate or deactivate the smooth page transition feature.
  • Significance: By enabling this feature, users experience seamless navigation, which enhances their overall engagement and satisfaction with the app.

Enable Progress Bar​

  • Description: Choose to display a progress bar at the top during transitions.
  • Significance: A progress bar informs users that content is loading, improving their experience by reducing uncertainty during page loads.

Enable Compatibility Mode​

  • Description: This option uses a custom content wrapper and forces script reinitialization.
  • Significance: Activating compatibility mode ensures that the app functions smoothly across all browsers and devices, enhancing reliability.

Supported Devices​

  • Description: Specify the devices that will support smooth page transitions.
  • Significance: Ensuring compatibility with various devices guarantees that all users can enjoy the enhanced navigation experience.

Transition Effect​

  • Description: Select the style of transition effect (e.g., slide or fade).
  • Significance: Customizing the transition effect enhances the visual appeal and user interaction, making the app more engaging.

2. Idle Detection​

What is Idle Detection?​

Idle Detection notifies your web app when a user is idle, meaning there has been no interaction with the keyboard, mouse, or screen. This feature can prompt users to update content if they are detected to be inactive.

Idle Detection

Configuration Options​

Enable Idle Detection​

  • Description: Activate or deactivate the idle detection feature.
  • Significance: Enabling this feature allows your app to respond to user inactivity, prompting necessary updates and enhancing engagement.

Supported Devices​

  • Description: Specify which devices will support idle detection.
  • Significance: Ensuring that all devices can utilize idle detection helps maintain a consistent user experience.

Threshold​

  • Description: Set the duration (in seconds) that defines when a user is considered idle.
  • Significance: Adjusting the threshold allows you to tailor the sensitivity of idle detection, optimizing how your app interacts with users.

3. Screen Wake Lock​

What is Screen Wake Lock?​

The screen wake lock feature prevents the device from dimming or locking the screen when your web application needs to keep running. This capability enables new experiences that traditionally required a platform-specific app.

Screen Wake Lock

Configuration Options​

Enable Screen Wake Lock​

  • Description: Activate or deactivate the screen wake lock feature.
  • Significance: By enabling this feature, your app can maintain visibility and functionality, improving user interactions during extended use.

Supported Devices​

  • Description: Specify which devices will support the screen wake lock feature.
  • Significance: Ensuring compatibility across devices allows all users to benefit from this functionality.

4. Vibration​

What is Vibration?​

The vibration feature allows your web app to create vibrations on tapping for mobile users, helping them recognize interactions.

Vibration

Configuration Options​

Enable Screen Vibrations​

  • Description: Activate or deactivate the vibration feature.
  • Significance: Enabling vibrations enhances the tactile feedback for users, making interactions more intuitive and engaging.

Supported Devices​

  • Description: Choose which devices will support the vibration feature.
  • Significance: Compatibility ensures that all users can enjoy this interactive feature.

5. Advanced Web Capabilities​

What are Advanced Web Capabilities?​

This section enables support for advanced PWA functionality APIs to enhance your web app with features such as background sync, periodic background sync, web authentication for biometric login, content indexing, persistent storage, and more.

Advanced Web Capabilities

Configuration Options​

Enable Advanced Web Capabilities​

  • Description: Activate or deactivate support for advanced web capabilities.
  • Significance: Enabling this feature unlocks a suite of functionalities that enrich user experiences, making your app more powerful and versatile.

Biometric Authentication​

  • Description: Allow login with biometric methods such as Touch ID or Face ID.
  • Significance: Biometric authentication enhances security and convenience, allowing users to log in without passwords.

Background Sync​

  • Description: Enable the app to defer actions until the user has stable connectivity.
  • Significance: Background sync ensures that user actions are completed even if they temporarily lose internet access, improving reliability.

Periodic Background Sync​

  • Description: Allow the app to periodically sync data in the background.
  • Significance: This feature keeps content fresh and up-to-date without requiring user intervention.

Content Indexing​

  • Description: Enable indexing of offline-capable pages.
  • Significance: Content indexing enhances searchability and accessibility of your app, improving user experience.

Persistent Storage​

  • Description: Mark cached website content as persistent.
  • Significance: Persistent storage allows important data to remain available even after the user closes the app, enhancing usability.

Conclusion​

The App Capabilities section of the PWA module in Perfex CRM equips your web app with advanced features that significantly enhance user interaction and experience. By thoughtfully configuring these capabilities, you can provide a more native-like experience that meets modern user expectations.

Made with ❤️ by JOOMAPPS.