List view
Managing content in Notion
Managing content in Notion
Understanding Bullet dashboard
Understanding Bullet dashboard
Hosting
Hosting
Membership/Content Gating
Membership/Content Gating
Blog
Blog
Knowledge base
Knowledge base
SEO and metadata
SEO and metadata
Liquid Syntax
Liquid Syntax
API Documentation
API Documentation
Billing
Billing
How to's
How to's
How to unpublish an existing page
Add Buttons inside Notion website
Show database views as Tabs
Prevent discovery of Notion Page
How to use different templates in the same website
How to add a custom search bar
How to embed forms in Notion and Bullet?
Embedding content in Notion and Bullet
Add a carousel to bullet site
Troubleshooting
Troubleshooting
How to show Tabs in Database views
Copy paste the below snippet in your custom css to make your database views appear in different tabs.
/* render database views as tabs */ .notion-collection-view-dropdown-content { display: flex; box-shadow: none; align-items: center; justify-content: start; gap: 30px; flex-wrap: wrap; margin: 0 auto !important; } .notion-collection-view-dropdown-content-item-active-icon>svg { display: none !important; } .notion-view-type>svg{ display: none !important; } .notion-collection-view-type-title{ overflow: unset; } .notion-collection-view-dropdown-content-item { padding: 10px 20px 10px 20px; border-radius:5px; box-shadow:0px 0px 0px 2px black; color: white !important; } .notion-collection-view-dropdown-content-item:focus, .notion-collection-view-dropdown-content-item-active { background-color:black; color: white !important; } .notion-collection-view-dropdown-content-item-active>.notion-collection-view-type>.notion-view-type>.notion-collection-view-type-title{ color: white !important; } .dropdown { display: block; } .dropdown-trigger { display: none; } .dropdown-menu { display: block; position: unset; z-index: 99; } .dropdown-content{ background: unset; } .notion-collection-view-dropdown-content{ padding: 25px 0px 25px 0px; } .notion-collection-header{ display: flex; justify-content: start; padding-left: 90px; align-items: center; margin: 10px 0px 60px 0px; } .notion-collection-view-dropdown-content { display: flex; box-shadow: none; align-items: center; justify-content: center; gap: 15px; flex-wrap: wrap; }