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
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:
|
Event Mapping
After clicking on +
button, following screen for event mapping opens up.
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 |
---|---|
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:
|
Destination Field | It enables to choose the exact field or variable on which the event variable will be mapped. |