Drilldown Navigation

Understanding URLs in White Label Data

Each page in the White Label Data navigation is assigned a URL, specified in part using the page_name attribute in appconfig.json. See Adding a Page to the Navigation Menu. For example, this forms a URL that such as https://mydomain.com/mypagename.

In addition, when you are using page filters, you define a set of URL parameters for each filter on the page. These filters are added to the end of the URL. For example, if you create a filter with a URL paramater called myparam, then the full URL would be https://mydomain.com/mypagenmame?myparam=myparamvalue. Subsequent page filters get added onto the URL with an ampersand and look like https://mydomain.com/mypagenmame?myparam=myparamvalue&myparam2=myparamvalue2

Using URLs from Looker Models

You can reference White Label Data application URLs, including those with URL parameters, from within your Looker models. Looker provides a way to include URL and HTML in your LookML to create drilldown link. If you are embedded a Looker iFrame in White Label Data, you can allow users to navigate between drilldown links in charts or tables to other pages with your White Label Data application by encoding the White Label Data URLs in LookML.

It is also possible to add drilldown links to any Plotly chart using a special mapping rule. For example:

In a base layer:

<mappings>
{
    "attributes" : [
        {
            "name" : "click_url",
            "type" : "drilldown_url",
            "figure_path" : ["data", 0, "customdata"]
        }
    ]
}
</mappings>

In your visualization layer that depends on a base layer:

<mappings>
{
    "rules" : [
        {
           "attribute" : "click_url",
           "column_name" : "mycolumn",
           "format" : "#drilldown_url=/state-details?state={}"
        }
    ]
}