A package with a component that can be easily used to create lookup fields on VF page using Salesforce Lightning Design System(SLDS)
Author Lakshay Katney
- This repo is ready to deploy package in any Salesforce organization. Use any metadata tool to deploy it
- There is an unmanaged version of this package too. Use below links to install it
Sandbox Production/Developer
On VF page, just add a static resource and component with appropriare attributes
Static Resource
<apex:includeScript value="{!$Resource.SLDSDynamicLookupScript}"/>
Component Usage
<c:SLDSDynamicLookup SLDSResourceName="{!$Resource.SLDS}" ObjectApiName="User" DisplayFieldApiNames="Username,Name" DisplayFieldsPattern="Name - Username" photo="field->smallPhotoUrl" LabelName="Set User" SetValueToField="{!con.OwnerId}"/>
| Attribute | Requirement | Description |
|---|---|---|
| SLDSResourceName | Required | Attribute in which name of your static resource to be passed which contains Salesforce Lightning Design System(SLDS) |
| ObjectApiName | Required | Api name of component on which search should happen. |
| DisplayFieldApiNames | Required | Attribute to get fields Api Names whose value needs to be displayed while searching. These are seperated by comma. For example : 'firstname,lastname' |
| LabelName | Required | Attribute to display label along with custom lookup field made by this component |
| SetValueToField | Required | Attribute that will tell where to put selected value. Also populates the default value if field has value. |
| DisplayFieldsPattern | Optional | Attribute to get pattern to display value.You can combine two fields with pattern. For example : 'firstname - lastname'. By default it will take pattern as comma seperated fields |
| photo | Optional | Attribute that will tell if photo needs to be added to records while searching. For fields to be used, pattern should be 'field->fieldAPiName'. For url, pattern should be 'url->pathofimage' |
| FilterOn | Optional | Attribute that will filter the list of records in results |
| RenderOnComplete | Optional | Attribute that will run an action function/javascript on complete |
Introduction of dependent lookups
Allow filters on lookups on basis of parent lookup
Allow default values to show if passed
First version to add lookup fields in SLDS styling on Visual force pages
React
Typescript
Django
Laravel
Facebook
Microsoft
Google
Alibaba
D3
Tencent