Accordion in Salesforce Screen Flow

Image01 Accordion in Salesforce Screen Flow

This component will help you to use Accordion component inside screen flow.

Accordion displays vertically stacked sections of content that you can expand and collapse. Click a section’s header to expand its content. Users can control how much content is visible at once, and don’t need to scroll as much to see the content of a page.

Attributes

Input

  1. HTML Text when Accordion Expanded
    type : Text(support HTML Text)
    This is the HTML Text that will showed up if the accordion is expanded. You can use simple text, or HTML text created by Text Template.
  2. is Section Expanded?
    type : Boolean
    In input, this will define the default behaviour of the accordion. if you set this to True, the accordion will be expanded by default
  3. Label of Accordion
    type : Text
    The label of your accordion

Output

  1. is Section Expanded?
    type : Boolean
    In Output, you can access data whether your user leave the screen Flow when the accordion is expanded or collapsed. When expanded, this variable will be set to true, otherwise it will be false
How to configure Accordion Screen Flow Component

Installation (Production) : https://login.salesforce.com/packaging/installPackage.apexp?p0=04t5g000000UPyS

Installation (Sandbox) : https://test.salesforce.com/packaging/installPackage.apexp?p0=04t5g000000UPyS

Source code : https://github.com/munawirrahman/accordionFSC

Clap if you think this is useful, and let me know if you need enhancement or question regarding this! thanks for reading

--

--

--

A dots connector. open for part time, Email: munawirrahman@gmail.com

Love podcasts or audiobooks? Learn on the go with our new app.

Recommended from Medium

A Majestic Monolith in Clojure

Publish Reactjs code- What should you pick? SPA or SSR. Server or Serverless.

Babylon.js 4.2: Simplicity Reimagined

Optimizing for the mobile web: Moving from Angular to Preact

https://docs.google.com/document/d/1O7vCMKkFjC8-9Ht7G0XQhpAZsJf5hmkfODwCLCTJpsE/edit

How to Build a News App with Search and Load More Functionality Using React Native and Redux.

Must have to know as JavaScript Developer

Marker Tracking in Babylon.js

Get the Medium app

A button that says 'Download on the App Store', and if clicked it will lead you to the iOS App store
A button that says 'Get it on, Google Play', and if clicked it will lead you to the Google Play store
Munawirrahman

Munawirrahman

A dots connector. open for part time, Email: munawirrahman@gmail.com

More from Medium

Business Sales Secret #1 — Modify Their Self-Image

Play Spotify from within salesforce using LWC

Fast-track your Salesforce development with easy bookmarks

8 Tips to Become a Salesforce Developer