CMS+ Clear+

Clear+ is a specialized CMS Plus component designed to clear all filters and clear any text entered in Search+. Its straightforward functionality offers users a simple way to remove all applied filters in one action. It can handle multiple Collection+ components if needed.

As a toggle-driven component, Clear+ must be inserted within a design component to trigger its clearing function. Learn about toggle-driven components and their requirements.

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 about this concept.

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

    • Collection ID Number of the Collection+ list you want to control.

    • 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.