---
title: Make the Coveo Lightning components Lightning Locker compliant
slug: '1156'
canonical_url: https://docs.coveo.com/en/1156/
collection: coveo-for-salesforce
source_format: adoc
---
# Make the Coveo Lightning components Lightning Locker compliant
In Summer '17, [Lightning Locker](https://developer.salesforce.com/blogs/developer-relations/2016/04/introducing-lockerservice-lightning-components.html) was auto-activated for all Salesforce organizations with no option to disable, meaning that Lightning Locker is automatically enabled for components using API version 40 onwards.

Since the May 2018 release of Coveo for Salesforce V3.10, Coveo for Salesforce Lightning components have gradually migrated to be compliant with Lightning Locker.

The following table shows the evolution of Lightning Locker compliance of Coveo for Salesforce Lightning components:

[%header,cols="1,2"]
|===
|Release package number
|Migrated components

|[v3.10](https://docs.coveo.com/en/1280#may-2018-release-v310-initial-release)
a|
* [Coveo Insight Panel Lightning Component](https://docs.coveo.com/en/1028/)
* [FullSearch component](https://docs.coveo.com/en/3093/)
* [Attached Results component](https://docs.coveo.com/en/3102/)

|[v3.25](https://docs.coveo.com/en/1280#february-2019-maintenance-release-v325)
a|
* [Coveo Community Searchbox](https://docs.coveo.com/en/1245/)
* [Coveo Community Search](https://docs.coveo.com/en/2945/)
|===

> **Important**
>
> As of the Coveo for Salesforce v4 release, the former [Coveo Case Creation](https://docs.coveo.com/en/1113/), [Coveo Search](https://docs.coveo.com/en/1027/), [Coveo Searchbox](https://docs.coveo.com/en/1093/), and [Coveo Base](https://docs.coveo.com/en/1149/) components have been deprecated in favor of newer Lightning Locker compliant components.
> 
> To learn how to leverage these new components, see [Upgrading from v3 to v4](https://docs.coveo.com/en/3240/).

## Making earlier versions of the Coveo for Salesforce Lightning components Lightning Locker compliant

While all components and pages created from Coveo for Salesforce 2.41 onwards are already Lightning Locker compliant out of the box, components and pages created earlier must be updated to become compliant.

> **Important**
>
> * You're not encouraged to activate Lightning Locker with Coveo for Salesforce 2.41, as it may affect your integration in unexpected ways.
> * While you can experiment with Lightning Locker activated, we don't recommended going to production with it.
> * While activating Lightning Locker with Coveo for Salesforce 2.41+ might not seem to affect your search page at first, it's a good idea to nevertheless perform the changes listed in this section.
> Not doing so may prevent your search page from working in the future.
> * Remember to perform the changes for all of the Coveo Lightning components in your community.

### Change `data-condition` to `data-field`

Previous versions of the Coveo-powered search page used `data-condition` to ensure that the right templates are loaded for the right type of document (see [TemplateLoader - condition](https://coveo.github.io/search-ui/components/templateloader.html#options.condition)).

You must replace every `data-condition` with `data-field`.

**Examples**

One of your result template uses the following `script` tag.

```xml
<script id="SalesforceAccount" class="result-template" type='text/html' data-condition="raw.objecttype == 'Account'" >
```

You change the `data-condition="raw.objecttype == 'Account'"` to its `data-field` equivalent.

```xml
<script id="SalesforceAccount" class="result-template" type='text/html' data-field-objecttype="Account" >
```

### Use static resources for your customization

Before Lightning Locker, the good practice to include custom code was to add it to a custom Lightning component that wraps the Coveo components.

While this is still a good practice, you should move the custom code in a static resource that you reference in the custom Lightning component (see [Add JavaScript to the Coveo Lightning Aura components with custom code](https://docs.coveo.com/en/1251/)).

Once you have performed these steps, your Coveo for Salesforce integration should be Lightning Locker compliant.

### Use HTML templates instead of Underscore templates

[Underscore result templates](https://docs.coveo.com/en/413#using-the-underscore-engine) aren't supported when Lightning Locker is activated.
You need to use [HTML templates](https://docs.coveo.com/en/413#using-the-html-engine-recommended) instead.