---
title: "Web Vision | Triggers | N3uron KB V1.22"
slug: "web-vision-triggers"
description: "Configure Web Vision component events to trigger actions when users interact with HMI elements, including clicks, input changes and other supported events."
updated: 2026-10-08T10:12:43Z
published: 2026-10-08T10:12:43Z
canonical: "docs.n3uron.com/web-vision-triggers"
---

> ## Documentation Index
> Fetch the complete documentation index at: https://docs.n3uron.com/llms.txt
> Use this file to discover all available pages before exploring further.

# Triggers

A **trigger** defines the user input interaction with **Web Vision Viewer** when for an event to be executed. Each trigger can be associated with one or more actions that determine what **Web Vision** does after the event occurs. By combining triggers and actions, you can create dynamic visualizations that respond to process data and user inputs.

> [!NOTE]
> **Tip:**
> 
> Choose the trigger that best represents when the event should run, and then configure its properties and associated actions. The available triggers may vary depending on the selected **Web Vision** element.

## **Mouse triggers**

These events are triggered after different mouse interactions with the UI, and are shared by most of elements and templates on WebVision.

| **Event** | **Description** |
| --- | --- |
| **Mouse enter** | When the mouse enters visual element boundaries. |
| **Mouse leave** | When the mouse leaves visual element boundaries. |
| **Mouse down** | When the mouse button is held over a visual element. |
| **Mouse up** | When the mouse button is released over a visual element. |
| **Mouse click** | When the visual element is clicked on. Configuring this event will force the mouse icon to swap to ‘Hand’ icon when over the element area. |

## **Changes and inputs triggers**

These triggers are specific interactions the user can do with certain elements and templates.

| **Event** | **Description** | **Element** |
| --- | --- | --- |
| **User input** | When the user modifies the input value. | **Input, DatetimePicker, Dropdown** |
| **Selection change** | When the user selects a different element from the previously selected. This action updates the property ‘Selected’ from the current element, no needing to previously configure any event. | **AlarmTable, DataSetTable, LinksTable, ModulesTable, RealtimeTable,TagPicker** |
| **Shelve selection change** | When the selection within the shelved alarms list changes | **AlarmTable** |
| **On cell action** | When a user clicks or edits an individual cell. | **DataSetTable** |
| **$.value** | Returns the raw data value of the cell. |
| **$.formattedValue** | Returns the cell value after running through text formatting, or #ERROR if formatter fails. |
| **$.row** | Returns the complete row data structure of parent row. |
| **$.columnName** | Returns the technical identifier name of the cell’s column. |
| **$.rowIndex** | Returns the zero-based index position of parent row. |
| **User toggle** | When the user interacts with the toggle, changing its state. | **Toggle** |

Events can be configured to determine how they interact with the operator:

| **Property** | **Description** |
| --- | --- |
| **Set busy** | When enabled, a grey gear is displayed over the top of the component that triggered the event while actions are being executed. |
| **Show warning** | When enabled, a confirmation popup dialogue is shown before launching the execution. |
| **Title** | Label for the title of the popup. |
| **Message** | Text shown inside the popup box. |
| **Ok button** | Text shown on confirmation button. |
| **Cancel button** | Text shown on cancelation button. |

![](https://cdn.document360.io/54093ab5-6b22-4542-a265-04377931f11a/Images/Documentation/Picture62.png)

[Web Vision Full Product Details](https://n3uron.com/iiot-platform-modules/web-vision/)