Collapsible side-menu with Spotfire

Did you know that the css property position:fixed; allows you to set the position of any custom HTML anywhere on your report ? (yes, even in front of tabs).

Using this trick, we will create an amazing collapsible sidebar in a Spotfire analysis containing the complete dataset of every Nobel Prize from 1901 to 2016 (thank’s to the Nobel Prize API).

First, you’ll have to create a custom HTML element containing the following code :

Then, you’ll have to add the following custom JS :

As usual, the DXP is available for download here.

5 Responses to “Collapsible side-menu with Spotfire