Skip to content

foxysolutions/LWC-Style-Distributor

Folders and files

NameName
Last commit message
Last commit date

Latest commit

 

History

7 Commits
 
 
 
 
 
 
 
 

Repository files navigation

LWC Style Distributor

Style Distributor Lightning Web Component for Salesforce.

On style change either/both a PubSub-event and/or Lightning-Message are published, for sibling components to listen to.

The component has been developed out of personal interest and learning and can be used without any cost, as long as the original source is referenced.

Demo: http://lab.foxy-solutions.com/style-distributor

Included techniques

  • CSS Variables (incl. Javascript get and set)
  • Pub Sub (incl. minor library extensions)
  • Lightning Messaging Service
  • Lightning Web Components
  • Aura Component

How to apply

Pre-requisites

  • Salesforce Org with MyDomain enabled (required for Lightning Components)

How to set-up

  1. Retrieve this GIT Repository locally
  2. Deploy the full folder structure to your own Salesforce Org
  3. Grant your profile access to the StyleDistributor Tab (Default On)
  4. Visit the StyleDistributor Tab

Screenshots

Style Distributor within Salesforce Lightning Experience - initial page load

Initial screen

Style Distributor within Salesforce Lightning Experience - Example changes [Changed color and font-size slider range (due to font-unit change); list of retrieved messages]

Events Example

Style Distributor Input parameters

Input Configuration