This is another guide for beginners on how to create a simple data entry form in Salesforce LWC (Lightning Web Component).
LWC in Salesforce has a library of pre-defined components that makes it easy and fast for you to customize Salesforce as per your requirements, when you can’t meet these requirements using declarative point-and-click capabilities.
In this guide we will be using the “lightning-record-form” component of LWC to create a simple data entry form with minimum coding. This component allows you to add, view or update records real quick without writing any corresponding code in Apex.
Here are some of the other features that we will be exploring in this guide:
- Use “
lightning-record-form” component. - Import objects and fields references using importing references using the
@salesforce/schemasyntax. - Display a custom toast notification on successful creation of the record.
And this guide will cover, step-by-step with screenshots, how to:
- Create Data Entry Form in LWC
- Deploy LWC to Salesforce Org
- Show LWC in Salesforce UI
- Test LWC
If you are beginner in LWC, this will be an excellent guide to show you how to create a simple data entry form in just under 15-20 minutes.
(We have discontinued our premium membership offering. If you are an existing premium member, you can still download the guides by clicking on “DOWNLOAD PDF [PREMIUM MEMBERS]” button. If you are not a premium member and want to download the guides, please sign up for our “All Access” pass. Complete details about this pass is available at this URL.)
Interested in a course on Mastering Lightning Web Components?
If a self-paced video-based training course on Mastering Salesforce Lighting Web Components (LWC) will be of interest to you, please register your interest in the form below. If we receive enough interest in the course, we will launch the course and let you know.
References & Useful URLs
- Internal
- External
- Lightning Web Component Reference – lightning-record-form
I created the LWC and added it to a Sandbox Community. Nothing displays in the community, despite my adding lightningCommunity__Page
lightningCommunity__Default. in the Component box is a message stating that this Component has no properties. My search continues to find a tutorial on how to add a form to an Experience Site.
Hi Ray, my knowledge on LWC is rather limited so I may not be able to provide much of help here. But it should be possible – create a form in LWC and expose it in experience site.