B4J Question How to make a Glassmorphism effect for B4J desktop app?

[kimstudio]

How to make a Glassmorphism effect for B4J desktop app (B4A)? There are some forum discussions on this in 2014.
It seems that there are some challenges to get the background image and blur it fast.

Hope @Mashiane doesn't mind for the following capture:

 

[alwaysbusy]

A glass effect in CSS on the web is pretty simple. I believe in B4J one can also use CSS to do some styling so this may help.

background: rgba(255, 255, 255, 0.2); ' <---- must have some transparency, e.g. here it is 0.2
backdrop-filter: blur(4px); ' <--- the blurring effect in px

Alwaysbusy

 

[kimstudio]

Thanks alwaysbusy.

It seems Javafx doesn't support backdrop-filter: blur(4px):

LOG:
WARNING: CSS Error parsing '*{-fx-background-color:rgba(255,255,255,0.50);
-fx-border-color:#F0FFFF;
-fx-border-radius:10.00;-fx-background-radius:10.00;-fx-border-width:1.00;backdrop-filter: blur(4px);}: Unexpected function 'blur(' while parsing 'backdrop-filter' at [3,91]

 

[alwaysbusy]

It seems Javafx doesn't support backdrop-filter: blur(4px):

Damn...

 

[aeric]

[B4X] [BitmapCreator] BlurredDialog

Edit: Don't use this class. Similar feature is implemented in B4XDialog (XUI Views). Set Dialog.BlurBackground =True This class uses BitmapCreator to blur the background and show a panel at the center of the screen. It is compatible with B4A, B4J and B4i. Call Show to blur the...

www.b4x.com