BrainGrid Controller
Workflow Builder
Triggers
UI Trigger

UI Trigger Setup

UI Triggers are used to perform specific actions in the user interface based on user interactions like clicks, mouse entry, or mouse out events. These triggers can be configured for various UI elements such as tables and windows.

Overview

UI Triggers allow you to set up automated actions in response to user interactions with UI elements. They help streamline processes by linking UI actions to workflows and functions.

Configuring UI Triggers

Configure New Click Action UI Trigger for Table Kebab

To set up a new click action UI trigger for a table kebab menu:

  1. Title: Enter a title for the trigger.
  2. Description: Provide a description of the trigger.
  3. Trigger Method: Select "Click Action."
  4. Choose Location: Select "Table."
  5. Source Tables/Windows: Select "Leave Management" from the dropdown.
  6. Field Location: Choose "Kebab."

Steps:

  1. Select the menu "Leave Management."
  2. Select the form "Leave Request."
  3. Enable the "Approval Block" option.
  4. Save the configuration.

Outcome: A new click action trigger will be added for the table kebab menu, enabling the "Approve" action to trigger the approval process for the "Leave Request" form.

Configure Existing Click Action UI Trigger for Table Toolbar

To configure an existing click action UI trigger for the table toolbar:

  1. Title: Enter a title for the trigger.
  2. Description: Provide a description of the trigger.
  3. Trigger Method: Select "Click Action."
  4. Choose Location: Select "Table."
  5. Source Tables/Windows: Select "Employee Management" from the dropdown.
  6. Field Location: Choose "Toolbar."

Steps:

  1. Select the existing action "View Details" from the dropdown.
  2. Select the menu "Employee Management."
  3. Select the form "Employee Records."
  4. Save the configuration.

Outcome: The trigger will link to the existing "View Details" action in the table toolbar for the "Employee Records" form. Clicking on this action will trigger the view details process.

Configure New Mouse Entry Action UI Trigger for Table Kebab

To set up a new mouse entry action UI trigger for a table kebab menu:

  1. Title: Enter a title for the trigger.
  2. Description: Provide a description of the trigger.
  3. Trigger Method: Select "Mouse Entry."
  4. Choose Location: Select "Table."
  5. Source Tables/Windows: Select "Inventory Management" from the dropdown.
  6. Field Location: Choose "Kebab."

Steps:

  1. Select the menu "Inventory Management."
  2. Select the form "Product List."
  3. Save the configuration.

Outcome: A new mouse entry action will be added to the table kebab menu for the "Product List" form. Moving the mouse over the row will trigger the mouse entry action.

Configure Existing Mouse Out Action UI Trigger for Table Toolbar

To configure an existing mouse out action UI trigger for the table toolbar:

  1. Title: Enter a title for the trigger.
  2. Description: Provide a description of the trigger.
  3. Trigger Method: Select "Mouse Out."
  4. Choose Location: Select "Table."
  5. Source Tables/Windows: Select "Sales Management" from the dropdown.
  6. Field Location: Choose "Toolbar."

Steps:

  1. Select the existing action "Tooltip" from the dropdown.
  2. Select the menu "Sales Management."
  3. Select the form "Sales Orders."
  4. Save the configuration.

Outcome: The trigger will link to the existing "Tooltip" action in the table toolbar for the "Sales Orders" form. Moving the mouse out will trigger the tooltip action.

Configure Click Action UI Trigger for Form Submission

To configure a click action UI trigger for form submission:

  1. Title: Enter a title for the trigger.
  2. Description: Provide a description of the trigger.
  3. Trigger Method: Select "Click Action."
  4. Choose Location: Select "Form."
  5. Source Tables/Windows: Select "Feedback" from the dropdown.
  6. Field Location: Choose "Submit" button.

Steps:

  1. Select the action "Submit" from the dropdown.
  2. Select the menu "Feedback."
  3. Select the form "Feedback Form."
  4. Save the configuration.

Outcome: The trigger will link to the "Submit" action in the "Feedback Form." Clicking on the "Submit" action will trigger the form submission process.

Validate UI Trigger Configuration

To review and validate the UI Trigger configuration:

  1. Action: Review the configured details.
  2. Expected Outcome: Ensure the following values are correct:
    • Title
    • Description
    • Trigger Method
    • Choose Location
    • Field Location
    • Selected Menu and Form

Verify Mouse Entry Action Trigger for Table Kebab

To verify the mouse entry action trigger for a table kebab menu:

  1. Given: A "UI Trigger" event is configured for the table kebab mouse entry action.
  2. When: Move the mouse over a row in the "Product List" table.
  3. Then: The mouse entry action should be triggered.

Verify Mouse Out Action Trigger for Table Toolbar

To verify the mouse out action trigger for a table toolbar:

  1. Given: A "UI Trigger" event is configured for the table toolbar mouse out action with the "Tooltip" action.
  2. When: Move the mouse out of the action in the "Sales Orders" table toolbar.
  3. Then: The tooltip should disappear.

Verify Click Action Trigger for Form Submission

To verify the click action trigger for form submission:

  1. Given: A "UI Trigger" event is configured for form submission with the "Submit" action.
  2. When: Click the "Submit" action in the "Feedback Form."
  3. Then: The form submission process should be triggered.

Summary

UI Triggers are essential for enhancing user interactions with UI elements. By configuring and validating these triggers, users can automate actions and improve the efficiency of workflows based on user interactions.

Database Trigger Approval Trigger