Create Edit Or Delete An Event Action In The Web Editor
Learn how to use the action dialog in the Web Editor to create, update, or remove an event action for a selected block, work with function chips, and save or cancel your changes.
This guide explains how to use the Add/Edit action dialog inside the Admin Web Editor.
Use it when you want to:
- create a new event action for a selected block
- change an existing event action
- remove an event action you no longer need
- insert available function names into the action more quickly
Before You Start
Open the Web Editor from System > Platform Customization.
Then open a page, select the block you want to work with, and open Element ID and Actions from the right-side panel.
From there:
- use the
+button to add a new event action - or select an existing action badge to edit one
What The Action Dialog Is For
The action dialog is the focused window used to create, update, or remove one event action for the selected block.
This is the place where you define what should happen when the selected event runs.
Because this area uses script-style action content, it is usually most useful for more advanced interaction setup.
What You Can Find In The Dialog
Depending on the current action, the dialog can include:
- a title showing the current action type
- a script or code editing area
- quick function chips
- footer actions
These parts help you review the event you are editing and make the needed changes in one place.
Check Which Event You Are Editing
The dialog title changes based on the selected action.
This helps you confirm whether you are editing the correct event before making changes.
For example, the label can change depending on whether the action is for a click, input, submit, or another supported event.
Write Or Edit The Action
Use the code area to create or update the action for the selected event.
This is the main editing space in the dialog.
If you opened the dialog from an existing action badge, OpenMirai shows the current action there so you can update it.
Use Function Chips For Faster Insertion
The dialog can show quick function chips above or near the code area.
Use these when you want to insert a known function name into the action more quickly instead of typing everything manually.
This is helpful when you want to reuse available page-level functions while editing the action.
Cancel Without Saving
Choose Cancel when you want to close the dialog without saving the current changes.
This is useful when:
- you opened the wrong action
- you are not ready to keep the changes
- you only wanted to inspect the current action
Save The Action
Choose Save when you want to keep the action code for the selected event.
OpenMirai then stores the updated action and returns you to the selected block's action area.
Delete An Existing Action
When you are editing an existing action, the dialog can also show Delete.
Use Delete when you want to remove that event action from the selected block completely.
This option is only available for existing actions. It does not appear when you are creating a brand-new action.
Understand Dialog States
While you use the action dialog, you may notice:
- the dialog opening or closing
- the event label changing based on the current action
- Delete appearing only for existing actions
These are normal parts of the editing flow.
When To Use The Action Dialog
Use this dialog when:
- the selected block already has an action that needs to change
- you want to add event-based behavior to a selected block
- you need to remove an event action that is no longer needed
What To Do Next
- save the action if the event behavior is correct
- return to the action badges to review the result
- continue with other block edits if needed
- save the page after confirming the interaction setup works as expected
Add Element IDs And Event Actions In The Web Editor
Learn how to use the Element ID and Actions area in the Web Editor to assign a unique element ID, understand validation messages, and add or review event-based actions for a selected block.
Find Page Script Functions From The Web Editor
Learn how to use page script badges in the Web Editor to find available page-level script blocks, view detected function names, and open a script for editing.