Process List 

The process list feature is a helpful tool for displaying a step-by-step process or timeline. It is separate and distinct from a numbered list. When considering the process list feature, the total number of steps in your process should be between 3-10. Additionally, it is important to keep step names and supporting details succinct. There are two sets of steps to complete to create and place a process list within the content of a site. Step one is to add process steps. Step two is to place the process list.

Please Note: You must be logged in to the State of Vermont website that you are editing to follow the instructions below. 

• Add Process Steps
• Place the Process List
• Example Process List

Add Process Steps  

Process steps are the individual items that will appear within a full process list.

1. Structure
   

   Scroll over 'Structure' on the top navigation. 

2. Block layout
   

   Scroll over 'Block layout'.

3. Custom block library
   

   Select 'Custom block library'.

4. +Add content block
   

   Select '+Add content block'.

5. Process Step
   

   Select 'Process Step'.

6. Block description
   

   Enter the 'Block description' for the process step.

7. Header
   

   Enter the 'Header' that appears next to the step number.

8. Optional: Body
   

   Enter the 'Body' content for the process step. These are the details that will appear below the 'Header'.

9. Save
   

   Select 'Save'.

10. Create More Steps to the Process List
    

    Repeat steps 4-9 above to create more steps within your process list.

Place the Process List  

Now that you have added process steps, you need to place them into a process list and add the list to your website.

1. Structure
   

   Select 'Structure' on the top navigation. 

2. Block layout
   

   Select 'Block layout'.

3. Region
   

   Navigate to the template region you want to place the event block in. By example, 'Content bottom'.

4. Place block
   

   Select 'Place block'.

5. +Add content Block
   

   Select '+Add Content Block'.

6. Process List
   

   Select 'Process List'.

7. Block description
   

   Enter the 'Block description' for the process list. You can also think of this as the name or header for your process list.

8. Processes
   

   Enter the name for the process steps that you created above. As you begin to enter content, the names will appear as selections. Select the process step name to add it.

9. Add another item
   

   Select 'Add another item' to add another step. Repeat this for all the applicable steps in your process list.

10. Drag and Drop
    

    To the left of each process step, there are is a small plus symbol with arrows on the ends. Select these arrows to put the process steps in the desired order.

11. Adjusting Row Weight
    

    On the right, select 'Show row weights' . This will reveal a new column for 'Order'. Adjust the numbers in the 'order' column to specify where the process step appears in the list.

12. Save
    

    Select 'Save'.

13. Display title
    

    In the 'Configure block' window, indicate if you would like to 'Display title' of the block. It is checked to 'Display title' by default.

14. Pages
    

    In the 'Configure block' window, enter the 'Pages' the process list should appear on.

15. Region
    

    Select the template region you want to place the event block in. By example, 'Content bottom'.

16. Save block
    

    Select 'Save block'.

17. Back to site
    

    Select 'Back to site' on the top navigation.

18. View
    

    Confirm that the process list appears in the 'Content bottom' region of the page it should appear on.

Example Process List  

Below is an example of a Process List.