About the Default Coveo for Salesforce Full Search Page
To learn how to create a Coveo for Salesforce Full Search page, see Integrating a Coveo Full Search Page.
Whether it be in a Visualforce or Lightning component, the Coveo for Salesforce Full Search page is meant to be used as a main search hub, where the search interface takes up most of the screen and the results are predominantly shown.
Typically, this search will include tabs and facets to help users quickly find what they’re looking for.
The markup of a default search page looks like this:
Coveo for Salesforce Pro and Enterprise
<div id="search" class="CoveoSearchInterface" data-enable-history="true" data-design="new">
<div class="CoveoFoldingForThread" data-field="@sffeeditemid" data-tab="Chatter" data-parent-field="@sfid" data-child-field="@sffeeditemid"
data-rearrange="date descending" data-range="0"></div>
<div class="CoveoFoldingForThread" data-field="@sfcaseid" data-tab="SalesforceCase" data-parent-field="@sfid" data-child-field="@sfcaseid"
data-range="0"></div>
<div class="CoveoAnalytics"></div>
<div class="coveo-tab-section">
<a class="CoveoTab" data-id="All" data-caption="All Content"></a>
<a class="CoveoTab" data-id="Chatter" data-caption="Chatter" data-expression="@objecttype==(FeedItem,FeedComment)"></a>
<a class="CoveoTab" data-id="Salesforce" data-caption="Salesforce" data-expression="@sfid"></a>
<a class="CoveoTab" data-id="SalesforceCase" data-caption="Cases" data-expression="@sfcaseid"></a>
</div>
<div class="coveo-search-section">
<div class="CoveoSettings"></div>
<div class="CoveoSearchbox" data-enable-omnibox="true"></div>
</div>
<div class="coveo-main-section">
<div class="coveo-facet-column">
<div class="CoveoFacet" data-title="Type" data-field="@objecttype" data-tab="All"></div>
<div class="CoveoFacet" data-title="FileType" data-field="@filetype" data-tab="All"></div>
<div class="CoveoFacet" data-title="Author" data-field="@author" data-tab="All"></div>
<div class="CoveoFacet" data-title="Year" data-field="@year" data-tab="All"></div>
<div class="CoveoFacet" data-title="Month" data-field="@month" data-tab="All"></div>
<div class="CoveoFacet" data-title="Posted on" data-tab="Chatter" data-field="@sfparentname"></div>
<div class="CoveoFacet" data-title="Posted by" data-tab="Chatter" data-field="@sfcreatedbyname"></div>
<div class="CoveoFacet" data-title="Topic" data-tab="Chatter" data-field="@coveochatterfeedtopics"></div>
<div class="CoveoFacet" data-title="Liked by" data-tab="Chatter" data-field="@sflikedby"></div>
<div class="CoveoFacet" data-title="Type" data-field="@objecttype" data-number-of-values="5" data-tab="Salesforce"></div>
<div class="CoveoFacet" data-title="Close quarter" data-field="@sfopportunityclosedquarterc" data-computed-field="@sfopportunityamountconverted"
data-sort-criteria="AlphaDescending" data-tab="Salesforce"></div>
<div class="CoveoFacet" data-title="Salesforce Account" data-field="@sfaccountname" data-computed-field="@sfopportunityamountconverted"
data-sort-criteria="ComputedFieldDescending" data-number-of-values="7" data-tab="Salesforce"></div>
<div class="CoveoFacet" data-title="Salesforce Owner" data-field="@sfownername" data-computed-field="@sfopportunityamountconverted"
data-sort-criteria="ComputedFieldDescending" data-number-of-values="7" data-tab="Salesforce"></div>
<div class="CoveoFacet" data-title="Opportunity Type" data-field="@sfopportunitytype" data-computed-field="@sfopportunityamountconverted"
data-sort-criteria="ComputedFieldDescending" data-number-of-values="5" data-tab="Salesforce"></div>
<div class="CoveoFacet" data-title="Opportunity Stage" data-field="@sfopportunitystagename" data-computed-field="@sfopportunityamountconverted"
data-sort-criteria="ComputedFieldDescending" data-tab="Salesforce"></div>
<div class="CoveoFacet" data-title="Lead Source" data-field="@sfleadsource" data-computed-field="@sfopportunityamountconverted"
data-sort-criteria="ComputedFieldDescending" data-number-of-values="5" data-tab="Salesforce"></div>
<div class="CoveoFacet" data-title="Type" data-field="@objecttype" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Case Status" data-field="@sfcasestatus" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Case Priority" data-field="@sfcasespriority" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Account" data-field="@sfaccountname" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="SalesforceCase"></div>
</div>
<div class="coveo-results-column">
<div class="CoveoShareQuery"></div>
<div class="CoveoPreferencesPanel">
<div class="CoveoResultsPreferences"></div>
<div class="CoveoResultsFiltersPreferences"></div>
</div>
<div class="CoveoTriggers"></div>
<div class="CoveoBreadcrumb"></div>
<div class="CoveoSearchAlerts"></div>
<div class="coveo-results-header">
<div class="coveo-summary-section">
<span class="CoveoQuerySummary"></span>
<span class="CoveoQueryDuration"></span>
</div>
<div class="coveo-result-layout-section">
<span class="CoveoResultLayout"></span>
</div>
<div class="coveo-sort-section">
<span class="CoveoSort" data-sort-criteria="relevancy" data-caption="Relevance"></span>
<span class="CoveoSort" data-sort-criteria="date descending,date ascending" data-caption="Date"></span>
<span class="CoveoSort" data-sort-criteria="@sfopportunityamountconverted descending,@sfopportunityamountconverted ascending"
data-tab="Salesforce" data-caption="Amount"></span>
</div>
</div>
<div class="CoveoHiddenQuery"></div>
<div class="CoveoDidYouMean"></div>
<div class="CoveoErrorReport" data-pop-up="false"></div>
<div class="CoveoResultList" data-layout="list" data-wait-animation="fade" data-auto-select-fields-to-include="true">
<script id="Chatter" class="result-template" type="text/html" data-layout="list" data-field-objecttype="FeedItem,FeedComment"><div class="coveo-result-frame">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="width:85px; text-align:center; padding-top:5px">
<span class="CoveoIcon">
</span>
<div class="CoveoQuickview">
</div>
</div>
<div class="coveo-result-cell" style="padding-left:15px">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="font-size:13px">
<span class="CoveoChatterPostedBy">
</span>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<span class="CoveoFieldValue" data-field="@date" data-helper="date">
</span>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="font-size:18px; padding-top:5px; padding-bottom:5px">
<a class="CoveoResultLink">
</a>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="padding-bottom:5px; padding-top:5px; font-size:13px;">
<span class="CoveoChatterLikedBy" data-nb-likes-to-render="1">
</span>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="padding-top:5px; padding-bottom:5px; font-size:13px;">
<span class="CoveoChatterPostAttachment">
</span>
<span class="CoveoResultFolding" data-result-template-id="FeedComment">
</span>
</div>
</div>
</div>
</div>
</div>
</script>
<script id="SalesforceCase" class="result-template" type="text/html" data-layout="list" data-field-sfcaseid=""><div class="coveo-result-frame">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="width:85px; text-align:center; padding-top:7px">
<span class="CoveoIcon">
</span>
<span class="CoveoQuickview">
</span>
</div>
<div class="coveo-result-cell" style="padding-left:15px">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="font-size:18px">
<a class="CoveoResultLink">
</a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px;">
<span class="CoveoFieldValue" data-field="@date" data-helper="date">
</span>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="padding-top:5px; padding-bottom:5px">
<div class="CoveoExcerpt">
</div>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="padding-top:5px; padding-bottom:5px">
<table class="CoveoFieldTable">
<tbody>
<tr data-field="@sffcaseid" data-caption="Subject">
</tr>
<tr data-field="@sfcasesubject" data-caption="Subject">
</tr>
<tr data-field="@sfcasenumber" data-caption="Case Number">
</tr>
<tr data-field="@sfcasepriority" data-caption="Priority">
</tr>
<tr data-field="@sfcaseorigin" data-caption="Origin">
</tr>
<tr data-field="@sfaccountname" data-caption="Account Name">
</tr>
<tr data-field="@sfowner" data-caption="Owner">
</tr>
<tr data-field="@sfcasestatus" data-caption="Status">
</tr>
<tr data-field="@sfcontactname" data-caption="Contact">
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</script>
<script id="Salesforce" class="result-template" type="text/html" data-layout="list" data-field-sfid=""><div class="coveo-result-frame">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="width:85px; text-align:center; padding-top:7px">
<span class="CoveoIcon">
</span>
<span class="CoveoQuickview">
</span>
</div>
<div class="coveo-result-cell" style="padding-left:15px">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="font-size:18px">
<a class="CoveoResultLink">
</a>
</div>
<div class="coveo-result-cell" style="width:120px; text-align:right;font-size:12px">
<span class="CoveoFieldValue" data-field="@date" data-helper="date">
</span>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="padding-top:5px; padding-bottom:5px">
<div class="CoveoExcerpt">
</div>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="padding-top:5px; padding-bottom:5px; font-size:13px;">
<table class="CoveoFieldTable">
<tbody>
<tr data-field="@sfaccountname" data-caption="Account">
</tr>
<tr data-field="@sfownername" data-caption="Owner">
</tr>
<tr data-field="@sfopportunityamountconverted" data-caption="Total" data-helper="currency">
</tr>
<tr data-field="@sfopportunitylicensingstotalcconverted" data-caption="License" data-helper="currency">
</tr>
<tr data-field="@sfopportunityamountsupportcconverted" data-caption="Support" data-helper="currency">
</tr>
<tr data-field="@sfopportunityconsultingstotalcconverted" data-caption="PS" data-helper="currency">
</tr>
<tr data-field="@sfopportunitystagename" data-caption="Stage">
</tr>
<tr data-field="@sfopportunitydealtypec" data-caption="Deal Type">
</tr>
<tr data-field="@sfopportunitycompetitionc" data-caption="Competition" data-split-values="true">
</tr>
<tr data-field="@sfibdusername" data-caption="ISR">
</tr>
<tr data-field="@sfopportunityregionc" data-caption="Region">
</tr>
<tr data-field="@sfleadsource" data-caption="Lead Source">
</tr>
<tr data-field="@sfleadstatus" data-caption="Lead status">
</tr>
<tr data-field="@worktitle" data-caption="Work title">
</tr>
<tr data-field="@sfemail" data-caption="Email" data-helper="email" data-html-value="true">
</tr>
<tr data-field="@sfcontactphone" data-caption="Phone">
</tr>
</tbody>
</table>
</div>
</div>
</div>
</div>
</div>
</script>
<script id="Default" class="result-template" type="text/html" data-layout="list"><div class="coveo-result-frame">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="width:85px;text-align:center;padding-top:7px;">
<span class="CoveoIcon">
</span>
<div class="CoveoQuickview">
</div>
</div>
<div class="coveo-result-cell" style="padding-left:15px;">
<div class="coveo-result-row">
<div class="coveo-result-cell" style="font-size:18px;">
<a class="CoveoResultLink">
</a>
</div>
<div class="coveo-result-cell" style="width:120px; text-align:right; font-size:12px">
<span class="CoveoFieldValue" data-field="@date" data-helper="date">
</span>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell">
<span class="CoveoExcerpt">
</span>
</div>
</div>
</div>
</div>
<div class="coveo-result-row">
<div class="coveo-result-cell" style="width:85px;text-align:center">
</div>
<div class="coveo-result-cell" style="font-size:13px;padding-left: 15px;">
<table class="CoveoFieldTable">
<tbody>
<tr data-field="@author" data-caption="Author">
</tr>
<tr data-field="@source" data-caption="Source">
</tr>
<tr data-field="@language" data-caption="Language">
</tr>
</tbody>
</table>
</div>
</div>
</div>
</script>
</div>
<div class="CoveoPager"></div>
<div class="CoveoLogo"></div>
<div class="CoveoResultsPerPage"></div>
</div>
</div>
</div>
Coveo for Salesforce Free (Deprecated)
<div id="search" class="CoveoSearchInterface" data-enable-history="true" data-design="new">
<div class="CoveoFoldingForThread" data-child-field="@sffeeditemid" data-field="@sffeeditemid" data-parent-field="@sfid"
data-range="2" data-rearrange="date ascending" data-tab="SalesforceChatter" data-expand-expression="@objecttype==(FeedItem, FeedComment)">
</div>
<div class="CoveoAnalytics"></div>
<div class="coveo-tab-section">
<a class="CoveoTab" data-id="All" data-caption="All Content" data-expression="@objecttype==(Account, KnowledgeArticleVersion, Case, Contact, FeedItem, ContentDocument, Lead, Opportunity, User) (NOT @sftype==(ContentPost,CollaborationGroupCreated,CreateRecordEvent))"></a>
<a class="CoveoTab" data-id="SalesforceAccount" data-caption="Accounts" data-expression="@objecttype==(Account)"></a>
<a class="CoveoTab" data-id="SalesforceCase" data-caption="Cases" data-expression="@objecttype==(Case)"></a>
<a class="CoveoTab" data-id="SalesforceChatter" data-caption="Chatter" data-expression="@objecttype==(FeedItem) (NOT @sftype==(ContentPost,CollaborationGroupCreated,CreateRecordEvent))"></a>
<a class="CoveoTab" data-id="SalesforceContact" data-caption="Contacts" data-expression="@objecttype==(Contact)"></a>
<a class="CoveoTab" data-id="SalesforceArticle" data-caption="Articles" data-expression="@objecttype==(KnowledgeArticleVersion)"></a>
<a class="CoveoTab" data-id="SalesforceLead" data-caption="Leads" data-expression="@objecttype==(Lead)"></a>
<a class="CoveoTab" data-id="SalesforceOpportunity" data-caption="Opportunities" data-expression="@objecttype==(Opportunity)"></a>
<a class="CoveoTab" data-id="SalesforceUser" data-caption="Users" data-expression="@objecttype==(User)"></a>
</div>
<div class="coveo-search-section">
<div class="CoveoSettings"></div>
<div class="CoveoSearchbox" data-enable-omnibox="true"></div>
</div>
<div class="coveo-main-section">
<div class="coveo-facet-column">
<div class="CoveoFacet" data-title="Object Type" data-field="@objecttype" data-tab="All"></div>
<div class="CoveoFacet" data-title="Account Name" data-field="@sfaccountname" data-tab="All"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="All"></div>
<div class="CoveoFacet" data-title="Created By" data-field="@sfcreatedbyname" data-tab="All"></div>
<div class="CoveoFacet" data-title="Type" data-field="@sftype" data-tab="All"></div>
<div class="CoveoFacet" data-title="Industry" data-field="@sfindustry" data-tab="SalesforceAccount"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="SalesforceAccount"></div>
<div class="CoveoFacet" data-title="Created By" data-field="@sfcreatedbyname" data-tab="SalesforceAccount"></div>
<div class="CoveoFacet" data-title="Status" data-field="@sfstatus" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Priority" data-field="@sfpriority" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Type" data-field="@sftype" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Reason" data-field="@sfreason" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Origin" data-field="@sforigin" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Created By" data-field="@sfcreatedbyname" data-tab="SalesforceCase"></div>
<div class="CoveoFacet" data-title="Author" data-field="@sfcreatedbyname" data-tab="SalesforceChatter"></div>
<div class="CoveoFacet" data-title="Type" data-field="@sftype" data-tab="SalesforceChatter"></div>
<div class="CoveoFacet" data-title="Account Name" data-field="@sfaccountname" data-tab="SalesforceContact"></div>
<div class="CoveoFacet" data-title="Lead Source" data-field="@sfleadsource" data-tab="SalesforceContact"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="SalesforceContact"></div>
<div class="CoveoFacet" data-title="Created By" data-field="@sfcreatedbyname" data-tab="SalesforceContact"></div>
<div class="CoveoFacet" data-title="Article Type" data-field="@sfarticletype" data-tab="SalesforceArticle"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="SalesforceArticle"></div>
<div class="CoveoFacet" data-title="Created By" data-field="@sfcreatedbyname" data-tab="SalesforceArticle"></div>
<div class="CoveoFacet" data-title="Company" data-field="@sfcompany" data-tab="SalesforceLead"></div>
<div class="CoveoFacet" data-title="Lead Source" data-field="@sfleadsource" data-tab="SalesforceLead"></div>
<div class="CoveoFacet" data-title="Status" data-field="@sfstatus" data-tab="SalesforceLead"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="SalesforceLead"></div>
<div class="CoveoFacet" data-title="Created By" data-field="@sfcreatedbyname" data-tab="SalesforceLead"></div>
<div class="CoveoFacet" data-title="Type" data-field="@sftype" data-tab="SalesforceOpportunity"></div>
<div class="CoveoFacet" data-title="Account Name" data-field="@sfaccountname" data-tab="SalesforceOpportunity"></div>
<div class="CoveoFacet" data-title="Lead Source" data-field="@sfleadsource" data-tab="SalesforceOpportunity"></div>
<div class="CoveoFacet" data-title="Owner" data-field="@sfownername" data-tab="SalesforceOpportunity"></div>
<div class="CoveoFacet" data-title="Created By" data-field="@sfcreatedbyname" data-tab="SalesforceOpportunity"></div>
<div class="CoveoFacet" data-title="Company" data-field="@sfcompanyname" data-tab="SalesforceUser"></div>
<div class="CoveoFacet" data-title="Role" data-field="@sfuserrolename" data-tab="SalesforceUser"></div>
<div class="CoveoFacet" data-title="Departement" data-field="@sfdepartment" data-tab="SalesforceUser"></div>
</div>
<div class="coveo-results-column">
<div class="CoveoShareQuery"></div>
<div class="CoveoPreferencesPanel">
<div class="CoveoResultsPreferences"></div>
<div class="CoveoResultsFiltersPreferences"></div>
</div>
<div class="CoveoTriggers"></div>
<div class="CoveoBreadcrumb"></div>
<div class="CoveoSearchAlerts"></div>
<div class="coveo-results-header">
<div class="coveo-summary-section">
<span class="CoveoQuerySummary"></span>
<span class="CoveoQueryDuration"></span>
</div>
<div class="coveo-result-layout-section">
<span class="CoveoResultLayout"></span>
</div>
<div class="coveo-sort-section">
<span class="CoveoSort" data-sort-criteria="relevancy" data-caption="Relevance"></span>
<span class="CoveoSort" data-sort-criteria="date descending,date ascending" data-caption="Date"></span>
</div>
</div>
<div class="CoveoHiddenQuery"></div>
<div class="CoveoDidYouMean"></div>
<div class="CoveoErrorReport" data-pop-up="false"></div>
<div class="CoveoResultList" data-layout="list" data-wait-animation="fade" data-auto-select-fields-to-include="true">
<script id="SalesforceQuestionPost" class="result-template" type="text/html" data-field-sftype="QuestionPost"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 60px;text-align: center;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-post"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfbody" data-html-value="true"></span>
</div>
</div>
<div class="coveo-result-row" style="font-size: 12px;margin-top:8px;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top;">
<span class="CoveoFieldValue" data-field="@sfcreatedbyname" data-text-caption="From" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sflikecount" data-text-caption="Likes"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell">
<span class="CoveoResultFolding" data-result-template-id="SalesforceFeedComment"></span>
</div>
</div>
</div>
</div></script>
<script id="SalesforceAccount" class="result-template" type="text/html" data-field-objecttype="Account"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-account"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top; padding-left:16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfdescription"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell" style="line-height:1.5em;">
<span class="CoveoFieldValue" data-field="@sfaccountnumber" data-text-caption="Account #" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfannualrevenue" data-text-caption="Annual revenue" data-helper="currency" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sflocation" data-text-caption="Location" style="margin-right:30px;"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell">
<table class="CoveoFieldTable" data-minimized-by-default="true">
<tr data-caption="Owner" data-field="@sfownername"></tr>
<tr data-caption="Ownership" data-field="@sfownership"></tr>
<tr data-caption="Industry" data-field="@sfindustry"></tr>
<tr data-caption="Contact" data-field="@sfcontactname"></tr>
<tr data-caption="Location" data-field="@sflocation"></tr>
</table>
</div>
</div>
</div>
</div></script>
<script id="SalesforceCase" class="result-template" type="text/html" data-field-objecttype="Case"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-case"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top;padding-left:16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink" data-title-template="${title} #${raw.sfcasenumber}"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfdescription"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell" style="line-height:1.5em;">
<span class="CoveoFieldValue" data-field="@sfpriority" data-text-caption="Priority" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfownername" data-text-caption="Owner" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfstatus" data-text-caption="Status" style="margin-right:30px;"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell">
<table class="CoveoFieldTable" data-minimized-by-default="true">
<tbody>
<tr data-caption="Origin" data-field="@sforigin"></tr>
<tr data-caption="Account" data-field="@sfaccountname"></tr>
<tr data-caption="Reason" data-field="@sfreason"></tr>
<tr data-caption="Contact" data-field="@sfcontactname"></tr>
<tr data-caption="Created" data-field="@sfcreateddate" data-helper="dateTime"></tr>
<tr data-caption="Closed" data-field="@sfcloseddate" data-helper="dateTime"></tr>
</tbody>
</table>
</div>
</div>
</div>
</div></script>
<script id="SalesforceChatter" class="result-template" type="text/html" data-field-objecttype="FeedItem,FeedComment"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoChatterThumbnail"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top; padding-left: 16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="dateTime" data-helper-options-always-include-time="true"></span>
</a>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfbody" style="white-space:pre-wrap" data-html-value="true"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 12px;">
<span class="CoveoFieldValue" data-field="@sfcreatedbyname" data-text-caption="From" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sflikecount" data-text-caption="Likes"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell">
<span class="CoveoResultFolding" data-result-template-id="SalesforceFeedComment"></span>
</div>
</div>
</div>
</div></script>
<script id="SalesforceContact" class="result-template" type="text/html" data-field-objecttype="Contact"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-contact"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top;padding-left:16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfdescription"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell" style="line-height:1.5em;">
<span class="CoveoFieldValue" data-field="@sfaccountname" data-text-caption="Account name" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfphone" data-text-caption="Phone" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfemail" data-text-caption="Email" style="margin-right:30px;"></span>
</div>
</div>
</div>
</div></script>
<script id="SalesforceKnowledgeArticle" class="result-template" type="text/html" data-field-objecttype="KnowledgeArticleVersion"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-article"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top;padding-left: 16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfsummary"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell" style="line-height:1.5em;">
<span class="CoveoFieldValue" data-field="@sfownername" data-text-caption="Owner" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfarticletype" data-text-caption="Type" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfarticlenumber" data-text-caption="Article number"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell">
<table class="CoveoFieldTable" data-minimized-by-default="true">
<tr data-caption="Created" data-field="@sfcreatedbyname"></tr>
<tr data-caption="Language" data-field="@sflanguage"></tr>
</table>
</div>
</div>
</div>
</div></script>
<script id="SalesforceLead" class="result-template" type="text/html" data-field-objecttype="Lead"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-lead"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top;padding-left:16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfdescription"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell" style="line-height:1.5em;">
<span class="CoveoFieldValue" data-field="@sfcompany" data-text-caption="Company" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfdivision" data-text-caption="Division" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfindustry" data-text-caption="Industry" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfleadsource" data-text-caption="Lead source" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfstatus" data-text-caption="Lead status" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfannualrevenue" data-text-caption="Annual revenue" style="margin-right:30px;" data-helper="currency"></span>
</div>
</div>
</div>
</div></script>
<script id="SalesforceOpportunity" class="result-template" type="text/html" data-field-objecttype="Opportunity"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-opportunity"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top;padding-left: 16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfdescription"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell" style="line-height:1.5em;">
<span class="CoveoFieldValue" data-field="@sfownername" data-text-caption="Owner" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfaccountname" data-text-caption="Account" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfamount" data-text-caption="Amount" style="margin-right:30px;" data-helper="currency"></span>
<span class="CoveoFieldValue" data-field="@sfexpectedRevenue" data-text-caption="Expected revenue" style="margin-right:30px;" data-helper="currency"></span>
<span class="CoveoFieldValue" data-field="@sfleadsource" data-text-caption="Lead source" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sftype" data-text-caption="Type"></span>
</div>
</div>
</div>
</div></script>
<script id="SalesforceUser" class="result-template" type="text/html" data-field-objecttype="User"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-user"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top; padding-left:16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfaboutme"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell" style="line-height:1.5em;">
<span class="CoveoFieldValue" data-field="@sfcontactname" data-text-caption="Contact" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfcompanyname" data-text-caption="Company" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfdepartment" data-text-caption="Department" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfdivision" data-text-caption="Division" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sftitle" data-text-caption="Title" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfrole" data-text-caption="Role" ></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell">
<table class="CoveoFieldTable" data-minimized-by-default="true" data-minimized-title="Contact information">
<tr data-caption="Company" data-field="@sfcompanyname"></tr>
<tr data-caption="Email" data-field="@sfemail"></tr>
<tr data-caption="Phone" data-field="@sfphone"></tr>
<tr data-caption="Extension" data-field="@sfextension"></tr>
</table>
</div>
</div>
</div>
</div></script>
<script id="Default" class="result-template" type="text/html"><div class="coveo-result-frame" style="padding:0 16px 16px 0;">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;text-align:right;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-custom"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top;padding-left: 16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 16px;">
<a class="CoveoSalesforceResultLink"></a>
</div>
<div class="coveo-result-cell" style="width:120px;text-align:right;font-size:12px">
<div class="coveo-result-row">
<span class="CoveoFieldValue" data-field="@sflastmodifieddate" data-helper="date"></span>
</div>
</div>
</div>
<div class="coveo-result-row" style="margin-top:12px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfdescription"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell">
<span class="CoveoFieldValue" data-field="@sfcreatedbyname" data-text-caption="Created by" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfownername" data-text-caption="Owner" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sfaccountname" data-text-caption="Account" style="margin-right:30px;"></span>
<span class="CoveoFieldValue" data-field="@sftype" data-text-caption="Type"></span>
</div>
</div>
</div>
</div></script>
<script id="SalesforceFeedComment" class="result-template" type="text/html" data-field-objecttype="FeedComment"><div class="coveo-result-frame">
<div class="coveo-result-cell" style="vertical-align: top;width: 46px;">
<span class="CoveoIcon" data-small="true" data-value="coveo-sprites-salesforce-standard-post"></span>
</div>
<div class="coveo-result-cell" style="vertical-align: top;padding-left:16px;">
<div class="coveo-result-row" style="margin-top:0;">
<div class="coveo-result-cell" style="vertical-align: top; font-size: 14px;">
<span class="CoveoFieldValue" data-field="@sfcommentbody" data-html-value="true"></span>
</div>
</div>
<div class="coveo-result-row" style="margin-top:8px;">
<div class="coveo-result-cell coveo-no-wrap" style="vertical-align: top; font-size: 12px;">
<span class="CoveoFieldValue" data-field="@sfcreatedbyname" data-text-caption="From" style="margin-right:30px;"></span>
</div>
</div>
</div>
</div></script>
</div>
<div class="CoveoPager"></div>
<div class="CoveoLogo"></div>
<div class="CoveoResultsPerPage"></div>
</div>
</div>
</div>
This article explains the different sections of the default full search page.
CoveoSearchInterface
The whole search interface is declared using the <div class="CoveoSearchInterface">
tag.
You should consider this element as the root of your search interface. Everything related to your search interface should be inside of it.
For more information, see Coveo SearchInterface Component.
CoveoFoldingForThread
The folding component is used to be able to show results as children of their parent result (see Folding Results).
For more information, see FoldingForThread.
CoveoAnalytics
The Analytics component is used to automatically send Usage Analytics data to Coveo.
For more information, see Coveo Analytics Component.
coveo-tab-section and CoveoTab
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The coveo-tab-section
is used to contain CoveoTab
components. Tabs help the users to easily switch the context of their search.
For more information, see Coveo Tab Component.
coveo-search-section, CoveoSettings, and CoveoSearchbox
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The coveo-search-section
is used to contain the CoveoSearchbox
and CoveoSettings
components.
The Searchbox component is used to allow users to enter and perform queries.
The Settings component is used as a button to call other components.
For more information, see Coveo Searchbox Component and Coveo Settings Component.
coveo-main-section
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The main section contains all of the components that are to appear under the search box.
coveo-facet-column and CoveoFacet
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The coveo-facet-column
is used to contain CoveoFacet
components.
Facets are used to display a selectable list of values for a certain field, so users can narrow their search.
For more information, see Coveo Facet Component.
coveo-result-column
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The coveo-result-column
section contains all of the components that should appear in the same column as the results.
CoveoShareQuery and CoveoPreferencesPanel
The ShareQuery and PreferencesPanel components are placed in the coveo-result-column
because their panel should be shown above results. However, to show those panels, you need to select them from the CoveoSettings
component.
The ShareQuery component allows users to share their query with other users.
The PreferencesPanel component allows users to save user-specific preferences they want to keep when accessing a search page.
For more information, see Coveo ShareQuery Component and Coveo PreferencesPanel Component.
CoveoTriggers
The Triggers component enables the use of triggers generated by the Coveo Search API in the query pipeline.
For more information, see Coveo Triggers Component.
CoveoBreadcrumb
The Breadcrumb component displays a summary of the currently active filters.
For more information, see Coveo Breadcrumb Component.
CoveoSearchAlerts
The SearchAlerts component allows end users to follow queries and manage search alerts. The option is found in the Settings component.
For more information, see Coveo SearchAlerts Component.
coveo-summary-section, CoveoQuerySummary, and CoveoQueryDuration
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The coveo-summary-section
is used to show information before the result list.
It contains the QuerySummary and the QueryDuration components.
The QuerySummary component displays information about the currently displayed range of results.
The QueryDuration component displays the time it took to perform the query.
For more information, see Coveo QuerySummary Component and Coveo QueryDuration Component.
coveo-result-layout-section and CoveoResultLayout
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The coveo-result-layout-section
is used to contain the CoveoResultLayout
component, which has been renamed CoveoResultLayoutSelector
.
The ResultLayoutSelector component allows your end users to change the way results are displayed.
For more information, see Coveo ResultLayoutSelector Component.
coveo-sort-section and CoveoSort
When a class is in lower case and its words are separated by hyphens, it’s typically only used for CSS purposes.
The coveo-sort-column
is used to contain the CoveoSort
component. Sorts are used to allow end users to easily change the result ordering.
For more information, see Coveo Sort Component.
CoveoHiddenQuery
The HiddenQuery component allows you to add a hidden query parameter with a specific user-friendly description.
For more information, see Coveo HiddenQuery Component.
CoveoDidYouMean
The DidYouMean component is responsible for displaying query corrections.
For more information, see Coveo DidYouMean Component.
CoveoErrorReport
The ErrorReport component takes care of handling fatal errors when doing a query on the index / Search API.
For more information, see Coveo ErrorReport Component.
CoveoResultList and result-template
The ResultList component is responsible for displaying query results by applying one or several result templates.
Result templates are defined by a script
tag with the result-template
class.
For more information, see Coveo ResultList Component.
CoveoPager and CoveoResultsPerPage
The Pager component allows users to navigate through the different result pages.
Next to it’s the ResultsPerPage component, which allows users to change the number of results each page should display.
For more information, see Coveo Pager Component and Coveo ResultsPerPage Component.
CoveoLogo
The Logo component adds a clickable Coveo logo in the search interface.
For more information, see Coveo Logo Component.