Edit the Grey Box Text

Edit the Grey Box Text

Eproval gives you complete control and flexibility over the instructional text you show applicants in the application. We call this the Grey Box text because it lives in a grey box on the application sections, to separate it from the actual application questions applicants need to answer.

This text can provide context or instructions around an application section, let applicants know about supporting permits they need to obtain, or even link out to those permit applications or documents they need to download. Updates or changes appear in real time, which means the next time an applicant or another user visits the edited application section, they'll see the changes.

Steps

Eproval provides a prototype application for the most common application types, which includes Grey Box Text for every section in the prototype. This means that there will already be text in those sections, even if you're visiting it for the first time.

1. Go to Tools > Configuration.

2. Depending on your setup, you may see multiple application types listed, or you may have only one. Scroll down to the application type you want to edit and click Steps & Workflow.

3. Every step listed is a different section in the application, and every section has its own grey box text that you can update. Find the step you want to update, and click on the Edit icon in the Content column.

   

4. Under the Step Content field, you'll see a Web Editor (text box) with the available formatting options and any text already listed.

   

5. The Formatting option available are:

   • a: Style (lets you change text into a Heading style or Normal text)

   • b: Bold

   • c: Italicize

   • d: Remove Font Style (takes any selected text back to the Normal style)

   • e: Bulleted List

   • f: Numbered List

   • g: Paragraph (lets you justify, center, or indent text)

   • h: Table

   • i: Link (to link to a webpage or downloadable document)

   • j: Horizontal Line (to separate text sections)

   • k: Full Page (not recommended, see option "n" below instead)

   • l: Code View (advanced only, will display the HTML code)

   • m: Help (keyboard shortcuts)

   • n: Drag to expand the web editor window size

6. Type directly into the web editor to enter text. As noted above, Do Not copy and paste from another application, like Microsoft Word.

7. To format the text, highlight the text and then click the desired button.
   Note: When you click the Link button, you'll be asked to enter a destination URL. This URL must start with http:// or https:// or the link will not work. 

   

8. Once you're done editing and formatting your text, click Save Changes.