Database view picker

This snippet transforms the default visual styles for switching between different database views. By default database views uses a dropdown, this snippet transforms that into a series of horizontal tabs as seen below (the picker will revert to a dropdown on mobile).

All

4 views

All

NASA

Japanese prints

Rijksmuseum

Installation instructions

1. Open your site in the Super Dashboard
2. Open the ‘Code’ page
3. In the ‘Head’ tab, paste the following snippet:
Copy

<link rel="stylesheet" href="https://sites.super.so/snippets/v2/view-picker.css">

4. If you want to customize the colors, in the ‘CSS’ tab, paste the following snippet:
Copy
5. You can then replace the CSS variables var(--color-ui-hover-bg) with RGB or HEX color codes