There's a clever way to do this using some CSS overwise you'll need custom JS to have a blur toggle. The below is an example.
Custom HTML Field:
Code:
<div class="cbClicksInside cbFieldBlur" tabindex="0">
[PASSWORD_FIELD_HERE]
</div>
Custom CSS (use CBs built in CSS overrides to add this to CB):
Code:
.cb_template .cbFieldBlur {
cursor: pointer;
filter: blur(4px);
}
.cb_template .cbFieldBlur:focus {
filter: none;
}
Now all you need to do is click the blurred element to reveal it. If the element isn't focused it'll be blurred. Below is how this would look using username as the substituted value. Be sure to replace PASSWORD_FIELD_HERE with whatever your field name is.
Blurred:
Revealed:
The simple CSS trick only works with elements that can be focused, which is why we've set tabindex of 0 to allow it to be focusable. Using an input or textarea element also works. I've also added the "cbClicksInside" CSS class so the userlist will allow clicking without trying to navigate to the users profile.