CMS+ Clear+

Remove filters in bulk, including search text from Search+.

Key Features

  • Clear all filters or target specific ones.

  • Target one or multiple Collection+ lists.

  • Clear search text from one or more Search+ components.

Controls

  • Clear This control is used to trigger its clearing function. Learn how it works.

  • Active Filters (Optional) A list of items containing sub-controls:

    • Collection ID Use the same ID number as the Collection+ you want to reset. Set up your Collection+ first.

    • All Filters By default clears all filters.

    • Fields If not clearing all filters, list select CMS fields.

  • Real Time Searches (Optional) A list of Collection+ IDs to clear its real-time search text.

Step-by-Step Setup

  1. Integrate your component with Clear+. Learn how.

    Note

    Clear+ was developed to work with the "Pressed" variant of your component.

    Demo on how to added a "Pressed" variant to a component.


  2. Configure the Clear+ controls in the primary variant.

    • For the Active Filters list, adding an item will have you target a Collection+ via its ID, then choose to clear all filters or select filters.

      Setting the Active Filters control to Clear+..


    • For the Real Time Searches list, every item is a Collection+ ID you want to target.

      Setting the Real Time Searches control to Clear+.

    Both list controls are optional, meaning you can choose to use one or both. To remove an item from a list, simply right-click on it.


  3. Override Clear in the "Pressed" variant.
    This will trigger its function when your component is pressed. Learn more about triggering functionality.

    Toggling the control that triggers Clear+'s functionality.

Creative Use Case

Clear+ pairs seamlessly with Search+, making them perfect for building a fully functional and user-friendly search bar within a custom frame. This combination allows users to search and clear results effortlessly, all within a design that feels familiar and intuitive.

See an example on the demo page.