PROmodals

Info Modal

The Info Modal is a clean notification dialog with an icon, title and message, designed to communicate a single piece of information — a success, a warning or a tip — without leaving the current screen. It centres on a dimmed backdrop and dismisses with one button.

Pro component

Subscribe to access this component and the full library.

View plans

Information

Your changes have been saved successfully.

YAML source

Preview — full code with PRO

# Info Modal — PowerBlocks (FREE)
# The modal is VISIBLE right after pasting so you can style it immediately.
# Clicking "Got it" hides it (Set(varShowInfoModal, false)).
# Show it from anywhere with:  Set(varShowInfoModal, true)

- InfoModalOverlay:
    Control: Rectangle
    Properties:
      X: =0
      Y: =0
      Width: =Parent.Width
      Height: =Parent.Height
      Fill: =RGBA(0, 0, 0, 0.35)
      Visible: =Coalesce(varShowInfoModal, true)
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

Common use cases

Success feedback

Confirm that changes saved or a record was created after a SubmitForm.

Inline help

Explain a feature or field on demand without navigating to a separate help screen.

Non-blocking warnings

Surface a soft warning the user should read before continuing.

How to use Info Modal in Power Apps

1Open the component page — the YAML uses the invariant Power Fx syntax and works in every Power Apps locale.
2Click "Copy YAML" to copy the full component definition to your clipboard.
3In Power Apps Studio, open your screen in the Tree view and paste (Ctrl+V) — the component appears ready to use.
4Rebind the data-driven properties (Items, OnSelect, Fill, Text) to your own data source and theme.

Tip — Swap the icon and accent colour by status (info, success, warning) so users grasp the tone before reading the text.

Related modals components

PRO

Form Modal

FREE

Confirmation Modal