# Notification

Notification displays a global notification message at the corner of the page.

<figure><img src="/files/wsMSkqKq2VWxLZtvRAEE" alt=""><figcaption></figcaption></figure>

Similar to a [Message](/app-builder/app-construction/elements/web-elements/message.md), you can customize the notification by clicking on "Edit Notification". You will also need an interaction to trigger the notification to open.

<figure><img src="/files/Eu4yKCovSBDEGNWxORGu" alt=""><figcaption></figcaption></figure>

## Properties

![](/files/V260gUEGPls4dZm1ZP05)

**Position:** Choose to display the message on the top-right, top-left, bottom-right, or bottom-left of the screen

**Duration:** How long the notification will be displayed on the screen

**Offset top:** Offset from the top edge of the screen in pixels.

**Show close icon:** When toggled on, users will be able to close the message manually.

**Z-index:** Set the z-index of the message. See [CSS doc](https://developer.mozilla.org/en-US/docs/Web/CSS/z-index) for more.

See [Tooltip](/app-builder/app-construction/elements/tooltip.md) for tooltip configurations.

## Supported Events

**Click Notification:** Triggered when a user clicks on the notification.

**Close Notification:** Triggered when a user closes the notification.

## Supported Actions

**Show Notification:** Display notification on the screen.

**Close Notification:** Close notification.

**Set Data:** Change element data. See [Data Store](/app-builder/app-construction/data-store.md).

**Set Loading:** Set loading animation. See [Set loading animations](/app-builder/popular-use-cases/set-loading-animations.md).

{% hint style="info" %}
Visit [Interactions](/app-builder/app-construction/interactions.md) for more on events and actions.
{% endhint %}


---

# Agent Instructions: Querying This Documentation

If you need additional information that is not directly available in this page, you can query the documentation dynamically by asking a question.

Perform an HTTP GET request on the current page URL with the `ask` query parameter:

```
GET https://docs.acho.io/app-builder/app-construction/elements/web-elements/notification.md?ask=<question>
```

The question should be specific, self-contained, and written in natural language.
The response will contain a direct answer to the question and relevant excerpts and sources from the documentation.

Use this mechanism when the answer is not explicitly present in the current page, you need clarification or additional context, or you want to retrieve related documentation sections.