How can I enable dashboard content to fill the available space?
I embedded a QuickSight dashboard into a front end application.
If the width of the HTML element is large, the content in the dashboard does not expand to fill its available space.
In QuickSight, I found I can change the layout settings for the dashboard on smaller screen sizes (e.g. tiled, classic & free-form), but it does not address the issue when it has more space.
In the front end application, I researched the different frame and content options with the QuickSight Embedding SDK, but this still did not address the issue.
I would love any direction on this, or to know if this is yet possible.
Hi @rowlandev -
Thanks for joining the QuickSight Community. According to this documentation, I believe you can accomplish what you are asking. “If you set a fixed height and width number (in pixels), QuickSight uses those and doesn’t change your visual as your window resizes. If you set a relative percent height and width, QuickSight provides a responsive layout that is modified as your window size changes.” See documentation and an example here.
Hi @rowlandev - Welcome to AWS QuickSight community and thanks for posting the question. Can you used the free layout in creating the analysis and then you can adjust the visual size easily. Give a try, hope this will solve your problem.
Hey Sanjeeb - thanks for the response. The free-form layout does help in moving the visuals themselves around, but I am specifically curious on the content within the visuals.
Your documentation is helpful - we now know for certain that we would like to continue using relative sizes for our embedded QuickSight HTML containers.
But, my question isn’t on how we can make the QuickSight iFrame container or dashboard itself take up the available space, but more-so the content within the dashboard. This may require more of a change within QuickSight vs. the embedding SDK, but I haven’t found anything yet.
If it helps describe what I mean a bit more, the following image is what we see after we expand an embedded dashboard. It may be helpful to compare this image with the initial image. The content stretches a tad, which is helpful, but I would like to choose to stretch that content for any dashboard as far it can go without causing a scroll event. Let me me know what you’re thinking - thanks again!
Hi @rowlandev - As far I know we can not give the position ( other than left, right, centre, top) for the contains. However let’s hear from other experts as well.
