How to blur gated content instead of hiding it completely? Answered
Is it possible to use the gated content feature to blur an element instead of making it disappear entirely?
Is it possible to use the gated content feature to blur an element instead of making it disappear entirely?
Comments
2 comments
Hey Cameron 👋 This is a great question... I know it's possible in a few different ways but they all require custom code or some "clever/hacky" work arounds.
How important is this to your project?
The most simple solution to understand is this: create 2 variations of the element you want to blur. Variant 1 is the "real" element and needs an attribute of data-ms-content="members" so that it's only visible to members.
And variant 2 should be blurred and have the attribute data-ms-content="!members" so that it's hidden from logged in members.
Hmm I see. It's not a critical feature. I'll try what you've suggested here though. Thanks
Please sign in to leave a comment.