Monthly Archives: June 2020

Refresh other Lightning Web Components from Flow.

With Lightning Flow, we do have the capacity to embed LWC to flow screen; one of the most simple use-cases is to refresh other components. For example, we have a simple flow below: What we have here is just a screen to enter an employee’s details, then create an employee record. We also want to…
Read more

Implement Flatpickr Datepicker in Lightning Components.

We are going to implement a simple flatpickr datepicker. You can find more the details of the datepicker from their site: https://flatpickr.js.org/. This is a lean component, and it doesn't depend on any libraries. The Html file : <template> <article class="slds-card" > <div class="flatpickr" lwc:dom="manual" onchange={handleChangeDate}></div> </article> </template> Because we allow the flatpickr to append…
Read more

Implement Full-Calendar in Lightning Web Components.

This is a simple implementation of FullCalendar in LWC; you download the resource at https://fullcalendar.io/ Static ResourcesDownload from https://github.com/fullcalendar/fullcalendar then adds it into Static Resource; Html <template> <article class="slds-card"> <div class="fullcalendar" ></div> </article> </template> Javascript import { LightningElement } from 'lwc'; import {loadStyle, loadScript} from 'lightning/platformResourceLoader'; import fullCalendar from '@salesforce/resourceUrl/fullcalendar' export default class Wbc_calendar extends…
Read more

How to use LWC in the public site.

To use LWC in the public site; we need to embed the LWC in the Virtualforce page first. This will be the same with add Aura components to your Visualforce pages. https://developer.salesforce.com/docs/atlas.en-us.lightning.meta/lightning/components_visualforce.htm First we create a standalone Aura app which declares the component dependencies. Check the Lightning Out Dependency App. Use the code below with…
Read more