PROmodals

Form Modal

The Form Modal is a complete overlay dialog: a darkened backdrop, a title and subtitle, two labelled text inputs, a close button and paired Cancel / Save actions. It toggles on a varShowFormModal boolean, giving you a reusable create-or-edit panel that floats over any screen.

Pro component

Subscribe to access this component and the full library.

View plans

Créer un client

Remplissez les informations ci-dessous.

Nom *

Saisir une valeur

Description

Saisir une valeur

YAML source

Preview — full code with PRO

- FormModalOverlay:
    Control: Rectangle
    Properties:
      Fill: =RGBA(0, 0, 0, 0.35)
      Height: =Parent.Height
      # Visible on paste; the Cancel/Save/Close buttons hide it.
      # Show it from anywhere with: Set(varShowFormModal, true)
      Visible: =Coalesce(varShowFormModal, true)
      Width: =Parent.Width
- FormModal:
    Control: GroupContainer
    Variant: ManualLayout
    Properties:
      DropShadow: =DropShadow.Regular
# … full component definition unlocked with PRO

This is a partial preview. Unlock the full component →

Common use cases

Create new records

Capture a few fields and Patch a new row to your data source without a dedicated screen.

Quick edits

Edit a selected gallery item in place, pre-filling the inputs from the selection.

Inline data entry

Add related items (notes, tasks, contacts) from within a parent screen.

How to use Form 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 — Reset the input values when you set varShowFormModal to true so the form opens clean for each new entry.

Related modals components

FREE

Confirmation Modal

PRO

Info Modal