Resource Center: Alert Badge Position Discrepancy between Badge and Target Element Activation Methods
When activating the resource center via Badge, the designer allows me to specify where I want the badge alert to display: top left/right, bottom left/right. This is super convenient and allows me to follow in-app badge alert positioning conventions.
When activating the resource center via Target Element however, I'm stuck with a badge alert position of top left and there's nothing I can see that allows me to change that. It's causing conflicts with adjacent UI elements shown below.
Is there actually a way to adjust the badge alert positioning for Target Element activated resource centers and I'm just not seeing it?
Thanks
3
Comments
I am having the same issue - is there any solution to positioning and resizing the alert badge when using a target element?
Hi Will Pickering, Naisa Ali you would need access to global CSS to make these changes.
Rohit Pandey How? The pendo-resource-center-bubble-animation style seems to be blocking the application of any CSS properties applied to the pendo-resource-center-badge-notification-bubble - as a result anything applied in Global CSS is ignored. How can I override the animation style to be able to restyle the notification bubble.
Naisa Ali you would need to add "!important" in your CSS to force it.
check examples here: https://support.pendo.io/hc/en-us/articles/360032206011-Customize-your-Guides-with-code
You can reach out to me on LinkedIn.
Unfortunately that doesn't work in this instance because of the animation. Rohit Pandey
This is the most relevant post I found around your issue Naisa Ali
https://support.pendo.io/hc/en-us/community/posts/4412342053403-Activating-Resource-Center-by-UI-element
Thank you Rohit Pandey - I'll look into this!
Please sign in to leave a comment.