Blur Elements

Details

This Plugin allows you to Blur out any Elements within your app such as a piece of text, an image or a group. This plugin can be used to blur out premium content for non-premium users or just as an UX tool for your app. You can trigger a Blur effect within a workflow and you can define the opacity and Blur radius.
For a demo of this plugin please visit:http://blurelements.bubbleapps.io/

*Please note that Blurring out an element will not hide the source code, therefore users might still be able to see the Blurred out information when going into page source code.

Icons made by https://www.flaticon.com/authors/rns" RNS from Flaticon is licensed by Creative Commons BY 3.0

Categories

Media Technical Customer Support

Types

Background Services Action

Links

Service Link:

https://www.rapidevelopers.com

Instructions

1. After installing the Plugin you gain access to the "Blur" and "Remove Blur" action within your workflow.
2. You will have to expose the ability to add an ID attribute to elements by going to settings->general and checking the box.
3. Set an unique element id for the element where the blur effect should be applied to and trigger a blur effect within a workflow, such as a click of a button.
4. Enter the same Element Id into the field named "Element ID" and specify the Blur radius and the opacity.
5. The opacity has to be a number between 0 and 1.
6. To remove a blur effect simply run the "Remove Blur" action and specify the element id of the element that had been previously blurred out.