Workshop Replays How-to TutorialsHow to Add a List to Your Project

How to Add a List to Your Project

In this tutorial you will learn how to add a list element to your project, as well as how to move the list or a single list item to a different location.

1. Adding the Unordered List Element

To begin, click on the 'Elements' tab in the side bar. Select the 'Typography' drop down. From there locate the 'Unordered List' element (it is located in the bottom left corner). Grab the element and drag it to the page where you would like to add your list.

1. Adding the Unordered List Element

2. Moving the List

In the image below you can see the unordered list has been added to the page. Next, let's move the unordered list to a different location on the same page. You do this by first activating the unordered list container. You will know that the container has been activated when you the words 'Unordered List' in the upper left corner. Please note that this can be a little tricky as each list item is a container in itself. Use the mouse to hover around until you locate the full container.

Once the container has been activated use your up and down arrow keys to move the container to a different location.

2. Moving the List

Here you can see the list has been moved in between the second and third paragraph.

3. Moving a Single List Item

You may occasionally want to move a single list item to a different page or position in the project. To do this begin by activating the container associated with that list item. This is done by click anywhere on the list item you want to move. You will know the container has been activated when you see the words 'List Item' in the upper left corner.

Once the container has been activated use your up and down arrow keys to move the container to a different location.

3. Moving a Single List Item

Here you can see the single list item has been moved in between the first and second paragraph.

4. Adding New Items To The List

If you want to add a new item to the list, make sure you have the 'Unordered List' container selected and click on the '+' icon. You do this by first activating the unordered list container. You will know that the container has been activated when you the words 'Unordered List' in the upper left corner. This will add an item at the end of the list.

4. Adding New Items To The List

If you want to add a new list item after a specific listed item, select it and click on the '+' icon. In this example below we are going to add a new list item item after the list item #1.