Hello, new member to the Tableau community here.
The page contains 6 small visualizations (think of a dashboard with various metrics on it). I correctly construct the URLs using the "/trusted" version of the url for each visualization and place them into the src attribute with my iframes, however, only the first one renders. The rest indicate that the token is expired. I assume this is because the token you get from the Trusted Authentication API is a single-use token.
As a workaround, I considered using a hidden iframe and hooking into it's OnLoad event to trigger the rendering of the actual visible iframes (i.e. setting the src attribute on each). However, this doesn't feel quite as "full-proof" as I'd like (e.g. user not actually authenticated and I could get login page or handle malformed/fatfingered visualization urls).
Any tips or recommendations on how to approach this?
In case you are wondering, we choose 6 different visualizations, it is to support a responsive / adaptive design. We know there are other ways to support it (e.g. by creating different worksheets based on different screen sizes), but none of the solutions we saw seemed to make sense in our use case without increasing the mainteanance burden...