Filter popup is transparent on embedded dashboard

Sam shared this question 3 months ago
Answered

I have a dashboard displayed in a webpage via an iFrame and v3 of the JS API. When I view the dashboard directly on Yellowfin, the filter popup correctly has a white background that makes the choices readable:

/d2719cc1efd3e540e8f35d78164fee9c

But when we view the report embedded on our webpage, the popup list is transparent, which makes it unreadable due to the underlying text:

/9acee94db64f78ded2229f21f785962e

Any advice on how to fix this?

Comments (13)

photo
1

Hello Sam,

Without additional details I don't have a concrete answer, but I initial thought is there is some styling on that page that is causing the transparency. Is it possible for you to embed that dashboard on an unstyled page and see if the same issue occurs?

David

photo
1

Here is the dashboard if you want to take a look: https://www2.a2gov.org/publicyf/arpa_dashboard.html. Do you think that's being styled? Anything you can see going on?

photo
1

Hi Sam,

Thank you for sending that to me. I see that transparent dropdown issue happening on that page also. I opened the browser console and found an error regarding loading a background image. I have highlighted the entry here.

It looks like the webpage is not able to find the background image. I don't know why that would be. It could be a security setting, or an issue with the custom image format, or something else.