My grand dashboard design has this nested structure:
- Analytics page has a tabset with 3 tabs: Client Analytics, Service Analytics and Process Analytics, each of which has a page include.
- Client Analytics page has a tabset with 3 subtabs: CA01, CA02 and CA03, each of which has a page include.
- CA01 page has 2 charts and a table
- CA02 page has 2 charts and a table
- CA03 page has 2 charts and a table
- Service Analytics page has a tabset with 3 subtabs: SE01, SE02 and SE03, each of which has a page include.
- SE01 page has 2 charts and a table
- SE02 page has 2 charts and a table
- SE03 page has 2 charts and a table
- Process Analytics page has a tabset with 3 subtabs: PR01, PR02 and PR03, each of which has a page include.
- PR01 page has 2 charts and a table
- PR02 page has 2 charts and a table
- PR03 page has 2 charts and a table
- Client Analytics page has a tabset with 3 subtabs: CA01, CA02 and CA03, each of which has a page include.
Broadly speaking, it all works magnificently. But I’m getting some Javascript errors because of what appear to be missing references to JS libraries.
Sometimes they cause the load of the included page to fail, other times not - I haven’t fully diagnosed every scenario. I’ve overcome some of the issues by including charts in the top level page that I hide with conditional rendering. That seems to force a load of some of the libraries, which makes the includes happy.
Is there a way I can avoid these errors altogether? It all feels very close and will be an awesome editable widgetised dashboard when it’s done.

