Mobile Guide - Background blur
Currently when we have a Mobile Guide in our native iOS or native Android apps - the background behind the guide is grey instead we'd like for the users to still be able to see that it's our app back there with a semi-transparent blur. I can't find this setting but was hoping someone could point me in the right direction.
0
Comments
Solution
I was looking for this same thing but I figured it out -- posting here for anyone else who see's this:
You can add custom code in the theme (or in the step via the code block).
Toggle on advanced settings.
Find the ._pendo-backdro css class and add the code below between the { }
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
It should look like:
._pendo-backdrop {
backdrop-filter: blur(10px);
-webkit-backdrop-filter: blur(10px);
opacity: 10%;
}
And ta da!
Please sign in to leave a comment.