Blurred text

Ask the community
,
1

Hello friends,
i want to give all users access to my database, but without premium they should see the search results of a repeater blurred, how can i show a text as blurred / visible but not readable .
Thanks :slight_smile:
Yulia

2

  1. Add an htmlComponenet (aka embedded widget, iframe) and put it over the repeater.

  2. Check if the plan is Premium collapse the iframe.

  3. In the iframe code put:

<head>
<style>
body {
backdrop-filter: blur(6px);
}
</style>
</head>
3

An if you only want to blur the text in the repeater, the you can do it without an iframe, like this (inside dataset.onReady() if you use a dataset):

$w("#repeater1").onItemReady($i => {
$i("#text1").html = $i("#text1").html.replace(">",`style="text-shadow: 0 0 6px #000; color: transparent;">`);
})