Add Text for FSA Plans on the Enrollment Page

To provide important context, you can add text that applies to FSA plans on the Benefits enrollment page. For example, let people know that the amounts need to be monthly and not annual. You can't directly add the text component in the final destination, so you start by adding it to the Coverage section. Then you reposition and configure the component.

Before you start

Create a Sandbox and Make It Active

Here's what to do

1. Go to Navigator > Configuration > Sandboxes.
2. Enter your sandbox.
3. Go to and open the self-service enrollment page.
4. On the Settings and Actions menu, click Edit Pages.
5. Confirm that the edit page header has Edit Layer: Site - SITE.
6. On the View menu, select Source.
7. Add the text component.
   1. Click Coverage section
   2. On the Confirm Shared Component Edit dialog box, click Edit.
   3. In the Source pane, click <>panelFormLayout, if it's not already selected.
   4. On the Source pane toolbar, click the Add content into the selected component icon.
   5. On the Add Content dialog box, in the Components row, click Open.
   6. In the Text row, click +Add.
   7. Click Close.

   At this point, the text component should be added inside the information component.

8. Reposition the text component.
   1. Click the new text component.
   2. On the Source pane toolbar, click the Cut this component icon.
   3. In the Source pane, click <>panelFormLayout.
   4. On the toolbar, click the Paste the cut component > Paste Before icon.
   5. Confirm that the new text component is now just above the Coverage section.
9. Configure the text component to show for only the appropriate FSA plans.
   1. Click the new text component.
   2. On the Confirm Shared Component Edit dialog box, click Edit.
   3. On the Source pane toolbar, click the Show the properties of Text icon.
   4. On the Component Properties: Text dialog box, in the Show Component field, select Expression Builder.
   5. On the Expression Editor dialog box, in the Type a value or expression field, enter the appropriate expression. Here's an expression that shows the new text for only these two made up plans: Parking FSA and Transportation FSA. Replace those plan names with your names.

      #{epe.PlanName == 'Parking FSA' || epe.PlanName == 'Transportation FSA'}

   6. Click OK.
   7. On the Component Properties: Text dialog box, click Apply.
   8. Click OK.
10. Configure the text of the new component.
    1. On the page View menu, select Design.
    2. In the new text component, click Edit Text.
    3. On the Component Properties: Text dialog box, complete the required edits.
    4. Click Done Editing.
11. To render your changes, on the page, click Close.
12. To verify your changes, on the Sandbox Mode: Edit menu, select Preview as if Published (Context: All).
13. To publish your changes, on the <YourSandboxName> menu, select Publish.