Embedding my Microsoft Power BI report / Google Lookerstudio is way too small and looks weird

[Daniellappv]

Description

I am using Iframe to embed my reports but it is barely visible / readable, practically useless, see screenshots:

1. Example:

Link https://datahub.io/@Daniellappv/datahub-cloud-template-2/docs/Add%20visuals%20and%20data-rich%20components#iframe

2. Another example:

Link https://datahub.io/@Daniellappv/my-first-repo https://github.com/Daniellappv/my-first-repo/blob/main/README.md

[anuveyatsu]

@Daniellappv cc @lucasmbispo I guess you just need to pass style param and set height to explicit number of pixels, e.g., try 600.

By default, height is set to '100%' which doesn't work, @lucasmbispo I think you could make it 600 as a default.

[lucasmbispo]

Changed PortalJS iFrame component and story per PR: https://github.com/datopian/datahub/pull/1170.

After the PR is merged, the next steps are:

• Edit Datahub repo for patch version bump in portaljs/components
• Edit Datahb docs for the proper iFrame example
• Edit Daniela repo to reflect the changes

cc @Daniellappv @anuveyatsu