Page Comparison

Panel

borderColor	#8A0000
bgColor	#FFC420
titleColor	#FFC420
borderWidth	1
titleBGColor	#8A0000
borderStyle	solid
title	IDD KB How-to-Guide

Creating Lists and Links with DesignPLUS

Anchor

	List
	List

You have the ability to customize the look of the lists and links that are in a content block. Whether your lists are ordered (numbered) lists or unordered (bulleted), you have the opportunity to manage how these lists are displayed. Your links to external and internal resources can also be styled in various ways using buttons. This article provides guidance on features that allow you to make the following modifications:

Changing the Order of Items in a List
Changing Bullet Styles
Changing Numbering Styles
Changing the Nesting / Indenting of Items in a ListChanging Bullet or Number Styles
Using Icons for Bullets
Using Buttons for Links

Displaying Existing Lists

If you have existing pages that have lists, you may want to modify them using the DesignPLUS tools. These tools help you reorder the items in a list and change the indentation or nesting of the items in the list. To make modifications to your lists or links, you will need to make sure the DesignPLUS Sidebar is open.

Place your cursor in one of the list items in your content block; A new element will appear in the Edit tab (target) of the Sidebar based on the type of list you have (Unordered vs Ordered); and your list will appear under the content panel.

Back to List

Anchor
Change Order
Change Order

Changing the Order of Items in a List

You can change the order of the items in the list by:

Section

Column

Column

width	70%

1. Using your mouse, drag the item you wish to move by selecting the "six dot" icon in front of it
2. Move the item to the place in the list you want it
3. The list will be rearranged on your page

Back to List

Anchor

Nest

	Bullets

Nest

	Bullets

Changing

the Nesting / Indenting of Items in a List

If your list has items that are sub-divided into sections, using nesting allows you to visually identify those relationshipsBullet Styles

You have several options to create interesting, bulleted lists. The simplest method is to use one of the three standard bullet shapes.

Section

Column
Image Removed Image Removed Image Added

Column

width	70%

1. Place your cursor at the start beginning of the first item in your list on your page that needs to be indented
  Click on the indent icon
2. Open the Style panel in the DesignPLUS Sidebar to move it to the left or right
  The list on the page will reflect the shift in position
3. Select the type of bullet style you want to use:

- - Solid circle bullet
  - Open circle bullet
  - Square bullet

Tip

title	Tip!

If you want nested items to have a different bullet style, first change their indented position, then select them and change the bullet style.

Back to List

Anchor

Bullets

Numbering

Bullets

Numbering

Changing

Bullet

Numbering Styles

You have several options to create interesting, bulleted for the style of numbers you use on your lists. The simplest method is to use one of the three standard bullet shapesDesignPLUS tool provides six basic styles to choose from.

Section

Column
Image RemovedImage Added

Column

width	70%

1. Place your cursor at the beginning of the first item in your list on your page
2. Open the Style panel in the DesignPLUS Sidebar
3. Select the type of bullet style you want to use:

Solid circle bullet
Open circle bullet
Square bullet

- - Decimal (Arabic Number) - e.g., 1., 2., 3.
  - Decimal with Leading Zero (Arabic Number) - e.g., 01., 02., 03.
  - Lowercase Alphabetic - e.g., a., b., c.
  - Uppercase Alpha - e.g., A., B., C.
  - Lowercase Roman Numeral - e.g., i., iv., xi.
  - Uppercase Roman Numeral - e.g., I., IV., XI.

Back to List

Image Removed
You can also change the appearance of the list by selecting a “pill list” format

Image Removed
You can add spacing between items or add hanging indents by checking the tick boxes at the bottom of the Style panel.

Image Removed

Anchor
Nest
Nest

Changing the Nesting / Indenting of Items in a List

If your list has items that are sub-divided into sections, using nesting allows you to visually identify those relationships.

Section

Column
Image Added Image Added

Column

width	70%

1. Place your cursor at the start of the item on your page that needs to be indented
2. Click on the indent icon in the Sidebar to move it to the left or right
3. The list on the page will reflect the shift in position

You may have a list that has items that have longer statements and the way the information wraps makes it difficult to read. You have two options that will help improve the readability of your list: adding spaces between the list items, and using hanging indents to make the items more visible.

Image Added

Back to List

Anchor
Icons
Icons

Using Icons for Bullets

You can also use icons as bullets. Select the "none" style of list in the Style panel.

Image Modified
Place the cursor at the beginning of the first list item and search for the Icon element in the "Add New Elements" tab in the Sidebar, and select it.
Image Modified
The Icon tool will be opened in the Edit tab (target), select an icon category from the pull-down list.
Image Modified
Select an icon you are interested in using. The icon will be placed in front of the text for the listed item.
Image Modified
Repeat the process for other items in the list.

Anchor
Numbers
Numbers

Ordered Lists (Numbered)

Anchor
Summary
Summary

Panel

borderColor	#8A0000
bgColor	#FFDD80
titleColor	#FFC420
borderWidth	1
titleBGColor	#8A0000
borderStyle	solid
title	Summary of Steps

Expand

title	Changing the Order of Items in a List

You can change the order of the items in the list by:
1. Using your mouse, drag the item you wish to move by selecting the "six dot" icon in front of it
2. Move the item to the place in the list you want it
3. The list will be rearranged on your page

Expand

title	Creating Content Blocks

Expand

title	Formatting and Styling Headings

Versions Compared

Old Version 4

New Version 5

Key

Creating Lists and Links with DesignPLUS

Displaying Existing Lists