Blur Foggy logo

Blur Foggy

Published April 2019
   •    Updated July 2025

Plugin details

This plugin allows you to blur elements to disable viewing of certain elements or prevent spoilers.
Instructions:
1) Make sure you have Element IDs enabled. You can do this in the Bubble editor Settings > General > "Expose the option to add an ID attribute to HTML elements"

2) Place a "Blur" element onto the page you're looking to work with. Location doesn't matter

3) Set the element ID (dynamic value) of the Bubble element you're looking to blur. e.g. "shape-1"

4) Set the same element ID into the Blur element's "Blurring element ID" field

a) You can disable the blur by setting a custom state using the conditional tab of the Blur element to trigger the "Disable Blur" conditional status

For support:
[email protected]

$11

One time  •  Or  $4/mo

4.5 stars   •   1 ratings
117 installs  
This plugin does not collect or track your personal data.

Platform

Web

Contributor details

Hill Tribe Solutions, Inc. logo
Hill Tribe Solutions, Inc.
Joined 2016   •   7 Plugins
View contributor profile

Instructions

Types

This plugin can be found under the following types:

Categories

This plugin can be found under the following categories:
Mobile   •   Containers   •   News   •   Compliance   •   Visual Elements

Resources

Support contact
Tutorial

Rating and reviews

Average rating (4.5)

It´s working now!
August 15th, 2022
Is there any way to blur just some itens in a repeating group? Let´s say it´s showing a profile picture of users A, B and C. User B set an option to blur his picture saved as YES in the database. How can I blur just the picture from user B in the RG?
That's unfortunate that you could not get it to work, we tried to assist you via email and allowed access to our editor demo. Thank you for the purchase!
July 29th, 2022
  •  
Hill Tribe Solutions, Inc.
Bubble