Is there any easy Uno way to blur some controls or text

[c-npolyak]

Friends, we are using UNO for Wasm and UWP. Is there any easy Uno way to blur some controls or text? We are now trying SkiaSharp, applying SKXamlCanvas to every visible text block within a data grid? Are there any better ways? Is there a way perhaps to turn the visible part of a data grid into an image and then blur the whole image instead of every text block? BTW we tried Acrylic brush and it was not working well for our purpose. Any help is greatly appreciated.

[jeromelaban]

Can you give a visual example of what you mean by "blurring controls or text"?

[jeromelaban]

Make sure to continue in the same thread

Thanks. Can you still provide a visual example of what you mean?

[c-npolyak]

[c-npolyak]

above is an example of blurring a grid

Here is another example of blurring out a panel (on the right):

[jeromelaban]

Got it, thanks. The acrylic brush is present to do exactly this: https://playground.platform.uno/#fe947ab3.

What is not working for you with this brush ?

[c-npolyak]

Ideally I want to blur any part of the Visual Tree starting from some element and down. If there is no such functionality - at least I want to be able to blur the leaf parts of the visual tree, e.g. text and icons.

[FrozDark]

To blur something with acrylic brush you have to overlay those controls with something like Grid with background set to acrylic brush

[c-npolyak]

In my experience Acrylic brush is ok to blur large images, but not small text. It blurs it beyond what our clients expect.

[jeromelaban]

At this point, on the Uno APIs do not provide control over the blurring effect.

Still it's possible to create a custom control for Wasm specifically, which uses the blur() CSS API to create a custom overlay. It will be a platform specific implementation and if you need other platforms, you'll need to create other controls for those platforms.

[c-npolyak]

Thank Jerome!