New Plugins: Blur, Growl, and Flat

Showcase
1

Hey Bubblers, we’ve just commercially released a trio of super useful UX plugins that we’ve been utilizing for some of our private apps:

Blur Foggy
This simple plugin allows you to blur out certain elements on the page and allows you to disable the blur conditionally as well.

Growl Notifications
This plugin allows you to show Mac OS style notifications as alert messages on the page and allows you to customize the position of the alert messages.

Flat Notifications
This plugin allows you to show Flat styled alert messages that includes customized icons and background color.

You can find the plugins in our marketplace profile:

Hope you guys find it useful in your next or current project!

Any questions or bug issues, please contact: plugins@hilltribesolutions.com

12 Likes
2

The blur is so interesting! Quick question. Does this have the added benefit of something like “redacting” text or is it purely cosmetic? Essentially, can the user look at the source info and see the text even if blurred?

1 Like
3

Yes I just looked, you can still view the text in the source code.

4

The plugin does disable selecting the element (like copying the text) when it’s blurred but yes, its not meant for truly private data since you can still see the source code

1 Like
5

That works for me. I’m going to buy it today for when users need to hide sensitive info before printing. Will it print the blur? For example, I might toggle the blur for hiding any kind of Social security number.

6

Oooh that’s risky

7

We don’t see the alert (hidden by Bubble banner)

8

Click the buttons more than once and you’ll see what the notifications look like

1 Like
9

Hi,

I have not been able to get the Blur Foggy plugin to work. These are my steps:

  1. Expose ID to html elements

image
image1163×52 4.45 KB

2.Assign an ID to the link element I want to blur. The link element is inside a repeating group. It is not a reusable element if that makes a difference

image

  1. Tell the plugin blur element what to blur
    image

  2. The result. Nothing happens. “@Jeni’s Splendid Ice Creams…” should be blured
    image

I have tested this with different elements and it hasnt worked. Any ideas?

10

I’ve reached out via email and looking into it

Thanks,
Peng

11

@peng.o would it be possible to allow access to the editor of the blur app? This would help devs to see full functionality of the plugin before purchase and examples for implementation :slight_smile:

Are there any controls over the opacity of the blur?

12

Hi there, yes it’s possible if you want access to the editor. Shoot me a DM and we can get that set up!

The plugin is very basic currently and doesn’t support that feature but if you need that it may be possible