PocketQuery GoogleChart does not render correctly in Confluence tabs

[Peter Christopher]

I'm having an issue where I'm using PocketQuery to render a Google Chart using a custom template. It works great in Confluence pages by itself. 

However, if I try to place the PocketQuery macro inside of a tab control of any kind, it works fine on the first tab but all other tabs it does not render correctly. I've tried different combinations of things to fix it, but it still ends up messed up.

If you set the "load dynamically" option and get the reload button, you can click reload after navigating to the tab and that works fine.

Has anyone else run into this issue and solved it?

[Peter Christopher · Accepted solution]

My colleague was able to find one way for it to work. Using the Tabs Container macro and using the "Lazy Loading" option on the Tabs Page and finally making sure that dynamic loading is turned off on the PocketQuery. All three have to be in place, but that does seems to work.

[Sven Schatter _Lively Apps_]

Great to hear that you were able to figure it out! If you don't mind me asking again, I assume you were talking about tab macros from Content Formatting Macros for Confluence? I just want to make sure, as I haven't personally used that app before.

By the way, if you encounter another issue I just wanted to let you know that you can always raise a ticket at our PocketQuery ServiceDesk as well. :)

Cheers,
Sven

[Peter Christopher]

Yes those are the ones. And good to know about the pocketquery service desk. We have been working a lot with it recently so we might need to reach out at some point. Thanks!

[Sven Schatter _Lively Apps_]

Hi @Peter Christopher,

When you say "tab control of any kind", what macro are you exactly talking about? It sounds like this tab macro might mess with the HTML that the PocketQuery macro produces which leads to PocketQuery's JavaScript not knowing where to insert the chart.

Cheers,
Sven

[Peter Christopher]

I mean Tab Containers macro or the Local Tabs macro. Stay tuned as we found a solution.