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.