Inserting and Customizing a Tab Component Using the Coveo for Sitecore Legacy Search UI Framework

Inserting and Customizing a Tab Component Using the Coveo for Sitecore Legacy Search UI Framework

This is for:

Developer System Administrator

Coveo for Sitecore 4.1 (November 2018)

A Tab component shows different layouts and/or results based on its configuration. An administrator can add tabs directly from the Sitecore Experience Editor and with a few clicks configure its behavior. 

Inserting a Tab Component in a Search Interface

1. Access the Experience Editor of the Coveo-powered search page you want to edit (see step 1 in Customizing the Properties of Your Search Interface).

2. Locate the coveo-tabs placeholder in the top section of the search interface.

3. Insert a tab component at the location identified by a Add to here label.

4. Once the component is added, a dialog box appears, allowing you to customize the properties of the component.

5. Specify one of these properties for the component:

   1. Caption: All Content

   2. Icon: Choose any icon

      If the icon is bigger than 32x32, it’s preferable to change its size property to 32x32.

      The Caption and Icon properties are both optional; you can specify either one or the other.

6. Save and publish your page.

7. Validate that the tab appears in your search interface. You should now have a tab on your page.

   

   A tab alone doesn’t do much. You should add another one with different properties to allow your users to view your content through different interfaces.