Hi, I am testing the dashboard embedding via ifram...
# gooddata-cloud
j
Hi, I am testing the dashboard embedding via iframe, it seems that even specifying showNavigation=false it keeps showing the navigation as in the image below, has anyone experienced this before and any possible solutions? https://domain.cloud.gooddata.com/dashboards/embedded/#/lorem/dashboard/dashboard_id?showNavigation=false&apiTokenAuthentication=true
j
Hello Jhonatan, I believe you are trying to hide the top navigation bar, correct? In this case you need to add the following: To hide the top bar, add the
?hideControl=[topBar]
parameter to the URL. <https://s/dashboards/embedded/#/workspace/{workspace_id}/dashboard/{dashboard_identifier}?hideControl=[topBar]|https://(domain)/dashboards/embedded/#/workspace/{workspace_id}/dashboard/{dashboard_identifier}?hideControl=[topBar]> Could you please give this a try and let us know how you get on? https://help.gooddata.com/doc/enterprise/en/expand-your-gooddata-platform/gooddata-in[…]-gooddata-elements-into-your-applications/embed-a-dashboard/
j
can the edit button also be hidden?
j
You can hide the edit button for certain users by giving them a "viewer" role, or if you use less than 1170 px of horizontal space for the embedded component, the Edit button and all controls for saving in edit mode are not displayed.
j
it seems the options I'm passing to the URL are not affecting the iframe, this continues to show the same iframe as in the image
Copy code
showNavigation=false&hideControl=[topBar]
j
please use the following url as a template: <https://s/dashboards/embedded/#/workspace/{workspace_id}/dashboard/{dashboard_identifier}?hideControl=[topBar]|https://(domain)/dashboards/embedded/#/workspace/{workspace_id}/dashboard/{dashboard_identifier}?hideControl=[topBar]>
j
for some reason if I have /workspace in the URL, it doesn't load the iframe, it gets stuck in this message Listening for postMessage with API token...
if I remove /workspace then it loads but not properly apparently
j
it most likely is due to authentication into the workspace itself. Could you please review your setup based on this guide: https://www.gooddata.com/docs/cloud/embed-visualizations/iframes/embed-dashboard-via-iframe/#authentication
if you are still facing issues, could you please provide the whole URL and authentication mode? You can send it in a DM if needed
j
ok I think I can see what the issue is now, I should prob be able to fix it. although the main reason I'm trying to make the Iframe work is the customisations, as I already have the Web Component working, but do you know if I can also hide buttons in the WebComponent? (without having to modify any permissions) the WebComponent customisations in the Docs seem very limited.
also I'm not willing to apply any CSS locally, as that would be dangerous
alright I think the best way seems to be using the web component with readonly attribute, that seems to work well
🙌 1