---
title: "on visible · RUAL Documentation"
description: "Will execute the selected function when the attached element is visible."
canonical: https://docs.rual.nl/block-types/UI%20Component/generalevent_onvisible
language: en
---

[Cluster](https://docs.rual.nl/cluster)

[Blocks](https://docs.rual.nl/block-types)

[Interfaces](https://docs.rual.nl/interfaces)

[Blueprints](https://docs.rual.nl/blueprints)

[Tutorials](https://docs.rual.nl/tutorials)

[Home automation](https://docs.rual.nl/home-automation)

[Examples](https://docs.rual.nl/examples)

[Reference](https://docs.rual.nl/reference)

[Architecture](https://docs.rual.nl/architecture)

[Troubleshooting](https://docs.rual.nl/troubleshooting)

Other

# on visible

This block is part of the [`UI Component`](https://docs.rual.nl/block-types/UI%20Component) group and was last modified in core [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

## Function Selection Required

This block requires you to choose a custom function to execute when triggered. You must manually select the function you want to use using the function selector modal. To access the modal, click the white button on the block.

Will execute the selected function when the attached element is visible.

- one time `condition` Will trigger the on visible event once and not every time the element is visible.

- overwrite element `condition` If set to true, the on visible will only be triggered once as the original element will be overwritten.

- event `generalevent`

A typical wiring for [on visible](https://docs.rual.nl/block-types/UI%2520Component/generalevent_onvisible): the `generalevent` out pin feeds [div](https://docs.rual.nl/block-types/Component%2520UI/component_content_div).

[![Studio canvas example for the on visible block: typical wiring for on visible.](https://docs.rual.nl/canvas-examples/generalevent_onvisible.png)](https://docs.rual.nl/canvas-examples/generalevent_onvisible.png?v=3)

## Version history

Introduced in [`v10.4.28`](https://docs.rual.nl/core-versions/100428).

- [Back to `UI Component`](https://docs.rual.nl/block-types/UI%20Component): Return to the main group to view all sub-groups

- [Back to `General event`](https://docs.rual.nl/block-types/UI%20Component?group=General%20event): Return to the group to view all blocks within this group

Was this page helpful? [Tell us what to improve](https://docs.rual.nl/support) · RUAL Docs is an integral component of the [RUAL ecosystem](https://rual.nl)