How can I enable dashboard content to fill the available space?
I embedded a Quick Sight 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 Quick Sight, 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 Quick Sight 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 Quick Sight 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), Quick Sight uses those and doesn’t change your visual as your window resizes. If you set a relative percent height and width, Quick Sight provides a responsive layout that is modified as your window size changes.” See documentation and an example here.
Hi @rowlandev - Welcome to AWS Quick Sight 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 Quick Sight HTML containers.
But, my question isn’t on how we can make the Quick Sight 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 Quick Sight 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.
