Legacy Search UI Framework
- Inserting and Customizing a Search Interface Component
- Inserting Coveo Search Components to an Existing Item
- Inserting and Customizing a Facet Component
- Inserting and Customizing a Sort Component
- Inserting and Customizing a Tab Component
- Inserting and Customizing a Related Query Component
- Inserting and Customizing a Recommendations Component
- Inserting and Customizing a User Context Component
- Ranking and Filtering Rules
- Inserting and Customizing a Distance Resources Component
- Creating a Search Driven Page
- Duplicating the Coveo Search Component
- Inserting a Coveo Search Box to Your Header
- Autocomplete and Suggestions
- Adding a Field to a Result Template
- Adding Images to Your Search Page
- Customizing a Search Interface
- List of Available Components
- List of Available Parameters
- Relating Coveo for Sitecore Components to Sitecore Templates, Layouts, and Sublayouts
- Digging Into the Layouts and Components Code
- Creating a Custom Component Parameters
- Inserting Custom Component Parameters
- Creating a Search Interface Optimized for Mobile Devices
- Creating a Search Interface Optimized for WebCrawlers
- Understanding How MVC Components Work Behind the Scenes
- Modifying or Removing the Insert Option for the Coveo Search Page
Inserting and Customizing a Tab Component Using the Coveo for Sitecore Legacy Search UI Framework
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
- Access the Experience Editor of the Coveo search page you want to edit (see step 1 in Customizing the Properties of Your Search Interface).
- Locate the
coveo-tabsplaceholder in the top section of the search interface.
Insert a tab component at the location identified by a Add to here label.
- Once the component is added, a dialog box appears, allowing you to customize the properties of the component.
- Specify one of these properties for the component:
- Caption: All Content
Icon: Choose any icon
If the icon is bigger than 32x32, it is preferable to change its size property to 32x32.
The Caption and Icon properties are both optional; you can specify either one or the other.
- Save and publish your page.
Validate that the tab appears in your search interface. You should now have a tab on your page.
A tab alone does not do much. You should add another one with different properties to allow your users to view your content through different interfaces.
Refer to Tab Component Properties to learn more about the various properties of a Tab component.