Badge not showing on Page

Ben Key

September 09, 2021 14:34

Hi There,

We are using Badge activation for guides.

The Badge show on the first page of our app but on all other pages the Badge is present however is transparent?

See the images below :

This image shows the first page, The Badge shows correctly here

The second image shows another page within our webapp, The badge is there and activates on press however it isn't visible?

Using the debugger I can confirm the guide is running. The only issue is the Gui of the Badge itself.

3 comments

Howard Lio
September 09, 2021 19:50
Hi Ben Key,

Thanks for posting in the Discussion Community. Have you checked if your application has CSS that is impacting the badge on the pages?
Use Inspect Element on the badge on the first page (shows correctly). See what the HTML & CSS styling looks like when appearing correctly. Also find the #id for the badge.

Go to the page where the badge isn't visible. Search for the #id for the badge in the 'Elements' pane, just to make sure that the badge exists.

If the badge exists, look at the CSS styling. Is there any difference between the styling when the badge appears correctly vs. not appearing correctly?

If you can identify a difference in the CSS, then I think you'll need to work with your developer to fix this.
Hope this helps you get started!
1
Ben Key
September 10, 2021 12:24

Hi Howard,

Thank you for your reply.

I have inspected elements of the working badge compared to the non-working badge

Nothing is different apart from the ID of the badge.

Can I email you to Screengrabs? We are really keen to use Pendo for guides wihin our business

0
Ben Key
September 16, 2021 09:56

Hi All,

Anyone got any ideas on this one, it is limiting us from using Pendo within our product.
As explained above I have checked the CSS with no issues found.

Kind Regards

0

Please sign in to leave a comment.

New post