Native Pop Over
Overview
The Pop Over widget developed by Intelizign enables you to display contextual Mendix data in a native popover-style tooltip. Designed for native mobile applications, it supports optional headers and footers, customizable buttons, and flexible placement logic. This widget enhances the user experience by allowing you to present additional information or actions without navigating away from the current screen.
Documentation
The Pop Over Widget is ideal for displaying contextual tooltips, confirmations, or prompts in native mobile apps. For instance, developers can use this widget to ask users for confirmation before performing a destructive action, such as deleting an item. It solves the problem of native modals being too rigid by offering a lightweight, customizable alternative that is visually non-intrusive and context-aware.
Use cases include:
-
Confirmation prompts (e.g., delete, submit, exit)
-
Tooltip help on form inputs or icons
-
Displaying brief explanations or alerts
-
Custom footers with Save/Cancel buttons in workflows
Features and Limitations
Features
-
Triggerable via any Mendix widget (button, icon, etc.)
-
Optional header and footer content sections
-
Dynamic placement: top, bottom, left, right, or auto
-
Custom action and cancel buttons
-
Background color and shadow/elevation customization
-
Executes microflows/nanoflows on close or action
-
Works offline
-
Fully compatible with Mendix Native Mobile Apps
Limitations
-
Tooltip auto-placement may not be optimal on all screen sizes or orientations
-
Not supported on Mendix Web
Installation
-
Download the widget from the Mendix App Store or import it manually.
-
In Mendix Studio Pro, navigate to a native mobile page.
-
Drag the Pop Over widget from the toolbox onto the page.
-
Proceed to the Properties pane for configuration.
Configuration
-
Trigger Content – Add the widget (e.g., button) that should activate the popover.
-
Body Content – Add the primary content, such as a message or form fields.
-
Optionally, add:
-
Header Content – For a title or icon.
-
Footer Content – For notes or buttons.
-
-
Set Placement to determine tooltip location (top, bottom, etc.).
-
If Close on Click Outside is set to false, configure:
-
Action Button: Text, color, and behavior (e.g., trigger a microflow).
-
Cancel Button: Optional behavior when the popover is dismissed.
-