Hey team, Another issue this morning. A user of ou...
# gooddata-cloud
t
Hey team, Another issue this morning. A user of ours is reporting that their private dashboards menu keep 'disappearing'. When they view their dashboards in the embedded iFrame, it won't be there but will 'appear' when you save a new dashboard. Refreshing the page causes the private dashboard section to disappear again. Any thoughts?
j
Hi Tim, Is this happening in your embedded enviornment or in the product itself? Also, is this only for a certain user group or is this sporadic? Essentially, we would need a link to the dashboard and a way to reproduce. So, if it is in the product itself we would need to impersonate the user this happens to.
t
It happened for the user and then I was able to reproduce it myself. It only happens in the embedded environment.
b
Hi @Tim Cashion, This is Branislav from the L2 Technical Support team and I took over the case. In order to investigate the issue further, I used impersonation as your user and tried to perform the same operation(s) that are visible in the video you shared with us. Unfortunately, I was not able to reproduce the issue with a "simple" iFrame embedding code that looks like:
Copy code
<iframe src="<https://pushoperations.cloud.gooddata.com/dashboards/embedded/#/workspace/prod-93010305-8ba0-4876-9c03-9ca4d1a0d536/dashboard/730383b7-263c-4bf7-92fc-848e82ff6ea9?showNavigation=true&setHeight=700>" height="700px" width="100%" frameborder="0"></iframe>
which corresponds to the code pre-generated / provided by the GoodData UI. With that in mind, could you please share the HTML / iFrame code that your application is using? The main goal is to have a code that would allow us to create some kind of a "minimal reproducer".
@Tim Cashion, thank you for sharing the iframe code and further details with me via a DM. I was able to reproduce the behavior on my end. I believe that the issue is most probably caused by the fact, that you have some kind of header with some tabs and menu, etc. in your app. As a result, the "Private" dashboards button / menu is available, but simply just not visible. For example, the following code snippet could be used to illustrate this:
Copy code
<div class="header"><br>My header</br></div>

<iframe title="Embed GD Application" id="embedded-app-frame" class="fullscreen" src="..."></iframe>

...

<style>
    html, body {
        margin: 0;
        padding: 0;
        height: 100%;
        overflow:hidden;
    }

    .fullscreen {
        width: 100%;
        height: 100%;
        border: none; 
    }

    .header {
        height: 5%;
    }
</style>
The most important part there is the:
Copy code
overflow:hidden;
in the
html, body
part of the "style". Changing it to
visible
or
scroll
makes the "Private" button / menu available after scrolling down. Please let me know if the above is the case and proposed change helped. If so, may we consider this as resolved?
🙌 1
@Tim Cashion I would like to follow up regarding my previous post above. Have you had time to go though it? Did it help to resolve the issue? 🤔
Hello @Tim Cashion, We have not heard from you in several days so I wanted to follow up and see if you still need our assistance. I am tentatively marking this query as resolved. Please do not hesitate to reach out if you still need help. Your additional comments will automatically reopen the case and we would be glad to assist you further.
t
Hi @Branislav Slávik, sorry for the delay. I was off last week and haven't had a chance to try out this solution. Feel free to close this for now, and I'll bookmark it for when we have some time to look into it.
👍 1