Native Pop Over

Content Type: Widget
Categories: Utility,User Interface,Mobile

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 

  1. Download the widget from the Mendix App Store or import it manually.

  2. In Mendix Studio Pro, navigate to a native mobile page.

  3. Drag the Pop Over widget from the toolbox onto the page.

  4. Proceed to the Properties pane for configuration.

Configuration

  1. Trigger Content – Add the widget (e.g., button) that should activate the popover.

  2. Body Content – Add the primary content, such as a message or form fields.

  3. Optionally, add:

    • Header Content – For a title or icon.

    • Footer Content – For notes or buttons.

  4. Set Placement to determine tooltip location (top, bottom, etc.).

  5. 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.

 

Releases

Version: 1.0.0
Framework Version: 9.24.0
Release Notes: Initial Release Trigger Widget Support: Popover can now be triggered by any Mendix widget. Optional Header and Footer Content: Easily insert custom widgets or messages into the popover header and footer areas. Dynamic Placement Logic: Automatically chooses the best position based on screen space.