Use Jetpack Compose low-code solution

Last updated:

The Jetpack Compose low-code plugin is available starting with Android SDK 3.7.0. It supports the following capabilities:

  • Self-serve tagging in Pendo's Visual Design Studio
    • Tagging Pages
    • Tagging Features
  • Retroactive analytics
    • Page view events
    • Feature click events
  • Guides
    • Lightbox guides activated by a Page view
    • Lightbox guides activated by a Feature click
    • Tooltip guides

For installation instructions, go to Github.

Get started with Jetpack Compose low-code solution

If you're currently using the Jetpack Compose Track Event solution, see the installation guide on Github. All existing Track Events will continue to function as usual. The low-code solution doesn't replace Track Events. It only adds more information on top of them.

Supported navigation libraries

Starting with Android SDK 3.12, the Pendo SDK automatically detects navigation state in Jetpack Compose apps. The SDK supports:

  • Navigation 2 (androidx.navigation:navigation-compose)
  • Navigation 3 (androidx.navigation3)
  • Hybrid setups that use both Navigation 2 and Navigation 3

The SDK derives navigation state from the Compose semantics tree, so you don't need to pass a navigation controller to Pendo. Screen tracking works automatically after installation.

Note: In SDK versions 3.7.0 to 3.11, Compose navigation (Navigation 2) required calling setComposeNavigationController() during setup. Starting with SDK 3.12, this is no longer needed. Going forward, calls to the API are ignored, as navigation detection is entirely automatic.

Tag Pages and Features in Jetpack Compose

There are several ways to tag Pages and Features in Jetpack Compose.

If you can't tag certain Features, refer to Current limitations with modal components and Current limitations with dynamic components, and verify that the element you're tagging is clickable. You can also try adding the pendoTag modifier to the element to help Pendo recognize it.

If you're still unable to tag a Page or Feature, contact Pendo Support.

Current limitations with modal components

Feature identification and click analytics aren't supported for additional windows, including ModalBottomSheets, panels, and pop-ups. Adding pendoTag in these components won't resolve the issue.

Tooltip guides also aren't supported in these components.

Pop-ups aren't detected as new screens, so elements inside them can't be tagged.

For Drawer or ModalBottomSheetLayout, follow step 3.1 in the installation guide to configure Modifier.pendoStateModifier(componentState) correctly. You must update bottomSheetState or drawerState when you no longer want Pendo to detect the page.

The BottomSheetScaffold and the ModalBottomSheetLayout are fully supported for low-code tagging. This doesn't apply to ModalBottomSheet, which still has known limitations.

Was this article helpful?
3 out of 3 found this helpful