Organize components within a search result template grid

This is for:

Developer

Coveo for Salesforce 2.26 (July 2016)

In a Coveo JavaScript Search Interface, an HTML search result template is made up of rows and cells. You can use the Interface Editor to easily drag-and-drop components into the appropriate cells to design your template.

Access the search result template grid

  1. In the Coveo Administration Console, on the Search Pages (platform-ca | platform-eu | platform-au) page, click the desired page, and then click Edit interface in the Action bar. Alternatively, see Access the Coveo for Salesforce Interface Editor for Salesforce search interfaces.

  2. Create a search result template or select the one you want to modify (see Create a JavaScript Search Result Template or Select a JavaScript search result template to modify).

  3. Access the layout options:

    • If you just created a search result template or selected your template in the template, select the Layout tab.

    • If you opened the edit panel directly from the result list, click Layout.

Add a component to a cell

  1. Access the search result template grid.

  2. In the Interface Editor, click a component, drag it over the template grid, and then drop it in the desired cell.

Move a component from one cell to another

  1. Access the search result template grid.

  2. In the search result template grid, drag and drop the component from its current cell to the target cell.

  3. In the search result template preview, validate that your change appears as desired.

Edit a component

  1. Access the search result template grid.

  2. In the search result template grid, select the component to edit, and then click the corresponding Edit.

    • The following components can’t be customized and therefore don’t have a corresponding Edit:

      • Excerpt

      • Chatter post attachment

      • Chatter topic

      • Printable URI

      • Result rating

    • Some components such as Badge and Field table have two options panes. In such cases, click Settings to access the other pages.

  3. In the search result template preview, validate that your changes appear as desired.

Delete a component from a cell

  1. Access the search result template grid.

  2. In the search result template grid, select the component to delete, and then click the corresponding Delete.

  3. In the Delete a component confirmation pop-up, click Yes.

  4. When removing the component would leave your cell empty, you should remove that cell (see Modify a JavaScript search result template grid).

    This is done to ensure that you don’t have empty white spaces in your template.