We are currently building out our solution for our customers using Looker and I have been tasked with building a mechanism for “tabbed dashboards” and want to expand on a previous conversation found here….
In that particular instance they are building the tabs with HTML and hardcoding the subsequent dashboards in a “look”. My solution needs to go a bit further than that as well as have a set of “shared filters” for the relevant tabbed dashboards. I will attempt to explain…
After speaking with some Looker Partners, the thought is to establish a convention for doing this work which would look something like this…
- There will be multiple dashboards that share a common set of filters.
- It is known that filters can be passed via paramaterized URLs in looker.
- All relevant dashboards are put into one folder and one of these dashboards contains ONLY filters.
- The “filters dashboard” will be constant and displayed above the tabs
- When various filters are changed (toggles, dropdowns, checkboxes, etc), it will then take those parameters and update the dashboard in each tab.
My questions are for folks with a bit more experience with the extension framework.
Is there a way to include a needed CSS framework for this (using materializecss)?
- Thus far I cannot figure out an elegant way to do this without taking all of the UI framework and dropping it into a document.write() statement in the extension builder JS file.
Secondarily, Is there a way to make this solution generic and allow our people that are configuring the look.ml files to point at a specific folder within our Looker instance? Can I include some type
- This will need to be a reusable extension and we ARE NOT USING REACT, so the option to use Looker Component Library is not an option.