Checklists phases widget

About


Need to explain a process with multiple phases? The checklists phases widget is perfect for organizing information about any process that needs to be broken up into multiple phases, such as applying to a program or applying for financial aid. 

Design

 

This is the first phase. This has no checklist steps. 
This is phase two. This has additional steps that need to followed using the checklist steps widget. 
1

This is the first step

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Example button
2

This is the second step.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
Password Protected Example Button
3

This is step three with an image

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.
puppy outside
External Example Button
This is phase three. The third and final step. You are done reviewing the checklist phases!

How to

Drag and drop the Checklist Phases widget onto the page and click EditDrag and drop the checklist widget on a page

Click Edit next to the first phase.

Checklist phases editor

Label the first phase and add any content needed in the rich text editor (WYSIWYG)

Individual phase editor

If you need to add steps to a phase, click the "Checklist steps" tab and select an existing steps checklist. 

Select Update Phase when you're done.

Click +Add Phase and repeat up to 5 times total.

Adding checklist steps to checklist phases

Choose your color options. 

Checklist phases color options

Save.

Additional Information