By default, Super displays grouped database sections in an open state toggle. If you want grouped database sections toggle to appear closed when the page loads, you can use the custom code below.
This custom code improvement is for grouped Notion databases displayed in Super. It currently applies to the grouped database views supported by Super: Table, Gallery, and List.
Features | Status | Notes |
|---|---|---|
Table View | Supported | This is completely supported in Super |
Inline Database | Supported | All relevant views (table, gallery, board, list and feed) |
Full Page Database | Supported | All relevant views (table, gallery, board, list and feed) |
Link Database | Supported | Linking databases is supported. |
Group Database | Supported | All relevant views (table, gallery, board, list and feed) |
Multiple Database Views | Supported | All relevant views (table, gallery, board, list and feed) |
List View | Supported | List view is supported |
Calendar View | Supported | This is supported. Note: Properties are not visible inside the Notion Calendar by default |
Feed View | Supported | Supported in Bullet |
Features | Status | Notes |
|---|---|---|
Sorting & filtering in databases | Partially Supported | Super shows only the static version, while pre-defined filter and sort display correctly. |
Gallery View | Partially Supported | All image views are supported except the Card Preview: Page Content (text). The text is not being displayed. |
Features | Status | Notes |
|---|---|---|
Board View | Unsupported | Completely not being rendered on the live site |
Timeline View | Unsupported | Completely not being rendered on the live site |
Chart View | Unsupported | Completely not being rendered on the live site |
Map View | Unsupported | Completely not being rendered on the live site |
Group Database | Unsupported | Notaku does not support grouping in all relevant views, including Table, Gallery, and List. |
Feed View | Unsupported | Currently unsupported. The page states: “Element under construction! Please reach out to us via live chat.” |
Recommended Notion setup
For best results, use a grouped database in Notion with one of these views:
- Table
- Gallery
- List
Before adding the code, make sure the grouped database is already visible on your Super site.
Installation instructions
- Open your site in the Super Dashboard.
- Open the Code section.
- To apply this to the whole site, add the code at the site level.
- To apply this to one page only, add the code at the page level.
- Paste the stylesheet link in the Head section:.
- Paste the JavaScript snippet in the Head section:
- Save your changes.
- Open the live site and refresh the page.
<link rel="stylesheet" href="https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/groupdatabase/flash.css"><script src="https://cdn.jsdelivr.net/gh/super-so/super-so.github.io@master/groupdatabase/grouptoggle.js"></script>Notes and limitations
- The code works best at the global/site level because Super can switch pages without a full browser reload. We do not recommend using it as page-level code.
- This only changes how grouped databases appear on the Super site.
- The visitor can still manually open or close each group.
- The visitor’s manual choice is respected on the current page, but it is not permanently saved after a page reload.
- The code targets grouped database sections, not regular Notion toggle blocks.
- The code may need to be updated if Super or Notion changes the class names used for grouped databases.
- Very large pages, slow-loading databases, or heavy custom code may still show a short open-state flash before the groups close.
Troubleshooting
- If the groups do not close, check that the database uses a supported grouped view: Table, Gallery, or List.
- If the code works in preview but not on the live site, make sure the code was added to the correct tab in the Code section, and saved properly.
- If regular Notion toggle blocks are affected, check whether another custom code snippet is also targeting toggle classes.
- If the issue only happens on one page, test the code on a simple page with one grouped database first.
- If the code stops working after moving between pages, refresh the live site and test again. The code includes support for Super’s page navigation, but some custom scripts can still interfere.