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

Salesforce Lightning Web Components

Creating advanced visual reports with Angular

How To Upgrade The React 18 Release Candidate: A Step-By-Step Process

JavaScript Map Function ❗❗❗

CREATE A PWA(Progressive Web Application)

Destructuring in javascript

LeetCode 345. Reverse Vowels of a String

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

Dynamically invoking Apex classes on the fly

Salesforce Summer ’22 Highlights

Saving $$ with Salesforce

Cleaning up a 13 year old Salesforce Org