# Bubble - Focus Elements Plugin

### Overview

This plugin allows you to set focus to elements in your app by displaying a circular animation around the element. You can choose between 5 different effect types, specify the colour, the radius of the animation and the total duration. This plugin can be used to draw the users attention to a certain area/input/text etc. within your app. You can trigger a "Focus Element" Action within your workflows.

For a demo of this plugin please visit:<https://onclickeffects.bubbleapps.io/>

### Instructions

Head over to Settings->General of your app and check the box which exposes the option to add ID attributes to HTML Elements. You have access to the "Focus Effect" action within your workflows under the Plugins submenu. Simply trigger the action and specify the element id of the element that should be focused on as well as the effect type, color, duration and radius. Don't forget to input the same ID into the ID attribute field of the element you want to be targeted.


---

# 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://anticode.gitbook.io/templates/plugins/bubble-focus-elements-plugin.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.