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

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

--

--

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