Push Modal

Overview

  • The Push Modal action opens a modal window within the application’s layout.

  • This modal typically contains another layout with fields for capturing or displaying data, and it is frequently used for operations such as creating new records or presenting input forms.

  • The modal is highly customizable in terms of layout, size, and content, and it provides a focused area for user interaction within the workflow, without requiring navigation away from the current page.

  • Let’s explore the screens that follow, after drag-n-drop of Push Modal action on workflow canvas.

Config

image-20240819-075119.png
Config Tab

Config Field

Description

Config Field

Description

Layout

It allows to choose layout from which one wants to pop the modal to create record.

Note: By default, you can choose only application layout here as Push Modal is constrained to Application Layouts only.

Hide Header

If checked, the modal header will be hidden.

Modal Header

A user-friendly name for the modal header, used for easy identification within the workflow.

Modal Size

It is used to define the modal size ranging from extra small to full-screen.

Event Mapping

It is used to map the event and workflows according to need of record creation.

Reference: Event Mapping

Padding Location

It is used to apply padding to modal. One can apply padding at various locations which contains:

  1. around

  2. top

  3. left

  4. bottom

  5. right

  6. horizontal

Event Mapping

After clicking on + button, following screen for event mapping opens up.

image-20240819-080925.png
Event Mapping Screen

Event Mapping Field

Description

Event Mapping Field

Description

Event

It allows to choose specific event to emit from the layout.

Note: By default, this will show blank, if the workflow with event is not chosen.

Workflow

It allows to choose workflow through which the event will be fired or emitted.

Variable Mapping

It allows to map event variables with Workflow variables.

Variable Mapping

After clicking on + button, following screen for variable mapping opens up.

Variable Mapping Field

Description

Variable Mapping Field

Description

Event Variable

It enables to choose the event variable to be mapped.

Destination Type

It enables to choose the destination with which the variable is to be mapped with. It contains:

  1. Variable

  2. Static

  3. Cookie

  4. Locale Storage

  5. Query Param

  6. User

  7. Model

Destination Field

It enables to choose the exact field or variable on which the event variable will be mapped.

Action Details