Blur Elements

Blur Elements

Demo to preview the plugin:

Introduction

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.
Image without caption

How to setup

  1. Enable ID Attributes
    1. Go to the settings page in your editor. Under the General tab click on the checkbox “Expose the option to add an ID attribute to HTML elements”.
      App Settings → General Tab.
      App Settings → General Tab.
  1. Assign IDs to Elements
      • Select any visual element on the page you want to blur.
      • In the ID Attribute field, enter a unique ID.
        • Image without caption

Plugin Element Properties

Blur

Element properties → Blur.
Element properties → Blur.
Fields:
Title
Description
Type
Element ID
An “Element ID” is a unique identifier assigned to an element within the DOM (Document Object Model) of a web page, allowing developers to target and manipulate the element using JavaScript or CSS.
Text
Blur Radius
The “Blur Radius” in a software plugin or API refers to the distance over which the blurring effect is applied to an image or element, with larger values resulting in a more pronounced blur.
Number
Opacity
“Opacity” refers to the degree of transparency of an element in a software plugin or API, with 0% being fully transparent and 100% being fully opaque.
Number
Blured
“Blured” is a term that likely refers to a typo or misspelling of “blurred,” which is a common image effect used to soften or obscure a portion of an image.
Checkbox (yes/no)

Plugin Actions

Blur

“Blur” in a software plugin or API refers to a graphical effect that reduces the sharpness or clarity of an image or element.
Workflow action → Blur.
Workflow action → Blur.
Title
Description
Type
Element ID
Specify the element Id of the element that should be blurred out. Element Ids can be set after enabling the option to expose ID attributes for HTML Elements within the general settings of your app.
Text
Blur Radius
Specify the Blur radius of the Blurring Effect.
Number
Opacity
Specify the opacity of the Blur effect - Must be a number between 0 and 1.
Number

Remove Blur

“Remove Blur” refers to a function or feature in a software plugin or API that eliminates blurriness or enhances image clarity.
Workflow action → Remove Blur.
Workflow action → Remove Blur.
Title
Description
Type
Element ID
An “Element ID” in a software plugin or API is a unique identifier assigned to a specific element within a document or webpage, allowing for targeted manipulation or interaction.
Text
Image without caption

Changelogs