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.

   

   
   

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.

     

     
     

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

     

   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.

   

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.