Creative Lists and Links with DesignPLUS

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 step-by-step instructions on the following:

• Readability of Lists

• Changing the Order of Items in a List

• Changing Bullet Styles

• Changing Numbering Styles

• Changing Nesting/Indenting of Items in a List

• Using Icons for Bullets

• Adding icons to Links

• Using Buttons for Links

Readability of Lists

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:

These are set in the Style panel of the list element.

Open

Readability Options

Back to Menu

Changing the Order of Items in a List

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.

1. 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.
   
   

   Open

   

Back to Menu

Changing Bullet Styles

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

1. Locate the list you wish to change.

   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
        
        

2. Save your page

Back to Menu

Changing Numbering Styles

You have several options for the style of numbers you use on your lists. The DesignPLUS tool provides six basic styles to choose from:

• 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 Alphabetic - e.g., A, B, C

• Lowercase Roman Numeral - e.g., i, iv, xi

• Uppercase Roman Numeral - e.g., I, IV, XI

1. Locate the list you wish to change.

   1. Place your cursor at the beginning of the first item in your list

   2. Open the Style panel in the DesignPLUS Sidebar

   3. Select the type of numbering style you want to use

2. Save your page

Back to Menu

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.

1. Locate the list that you want to have nesting

   1. Place your cursor at the start of the item in the list that you want indented

   2. Open the Content panel in the DesignPLUS Sidebar

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

Back to Menu

Using Icons for Bullets

You can make your lists visually interesting by using icons as your bullets.

1. Select your list on the page that you want to modify

2. Open the Style panel for your list element in the DesignPLUS Sidebar

3. Select the “none” style for your list
   
   

Back to Menu

Adding Icons to Links

You can change the display of the links you have within a page by adding an icon in front of your link.

1.  Identify the link you want to modify.

   1. Place your cursor in front of the link text on the page

   2. The sidebar will open to the Link Tool in the Edit tab (target)

   3. Click on the Icon Picker button
      
      

Back to Menu

Using Buttons for Links

You can use buttons to display the links you have within a page.

1. Identify the link you want to modify.

   1. Place your cursor in the link text

   2. The Sidebar will open to the Link Tool in the Edit tab (target)

   3. Open the Style panel in the Link Tool
      
      

Back to Menu

Related articles

Visit the DesignPLUS Training Series Tutorials for more videos. For more step-by-step guides, visit the DesignPLUS User Guide. (These links will overwrite this page.)