The List Widget is a list of items that can include the nesting or holding of other widgets.
The initial list is set up for you to drag and drop other widgets into the list. Text, images, icons, etc, can be used in the List Widget.
List item 1
List item 2
List item 3
List item 4
When first dropped onto a page, the List Widget is displayed in the Page Editor as seen above. The initial list styling is set to circle .
Note that when you drop your selected widget into a list item, the styling will disappear.
However when you run the project in the browser, the styling will be visible.
There are five options for the List Widget Style:
1. none: no style is applied to the list.
2. inline: widgets (text, icons,etc) are displayed on a single line.
3. disc: a small filled circle is applied to each list item.
4 circle: a small hollow circle is applied to each list item.
5. square: a small filled square is applied to each list item.
The Items List is a way for you to add additional items (places to drop your various widgets) to your list.
Use + button that is located at the bottom of the Item List area to add an Item.
Use - button that is located at the bottom of the Item List area to delete an Item from the list.