Skip to main content

Dropdown for Filter Tabs

Overview

The Custom Dropdown for Filter Tabs Plugin enhances filter usability by converting standard filter tabs into a sleek, collapsible dropdown menu. Instead of clicking multiple tabs, users can select a filter from a dropdown, improving interface organization. The dropdown dynamically displays the active filter at the top, and users can clear selections with a reset option, making it especially useful for data-heavy applications.

Use Cases

  • This plugin is ideal for applications with extensive filtering options, such as dashboards, reports, or data tables. It simplifies the filtering process by replacing multiple tabs with a dropdown, making the interface more compact and user-friendly.

Installing the plugin

Prerequisites:

  1. The page must have a table component
  2. Javascript must be enabled (applicable if your're on trial account)

Step-by-Step Installation:

  1. Navigate to the page with this table, this can be a parent or child page. 
  2. Click on the Plugins
  3. Find the Dropdown for Filter Tabs plugin
  4. Select the table

Removing the Plugin

To remove the plugin, find the Javascript code that is surrounted with a comment for the plugin name and delete the code. Do the same for the CSS as well.