Versions Compared

Old Version 2

changes.mady.by.user Janice Orcutt

Saved on

compared with

New Version 3

changes.mady.by.user Janice Orcutt

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColor#8A0000
bgColor#FFC420
titleColor#FFC420
borderWidth1
titleBGColor#8A0000
borderStylesolid
titleIDD 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:


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.

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.

Image Modified

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
Image Removed

Image Added

Column
width70%
    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
You can change their indent position or nest items in your list by placing

Back to List  

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
width70%
    1. Place your cursor at the start of the item
you want to move and click on the indent icons.
Image RemovedImage Removed
    1. 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

Back to List  


Anchor
Bullets
Bullets

Unordered Lists (Bulleted Lists)

You have several options to create interesting, bulleted lists.

  1. Under Style panel, you have the option to select a bullet style:  choosing between a solid circle bullet, an open circle bullet or a solid square bullet. 



  2. You can also change the appearance of the list by selecting a “pill list” format



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



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



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



  6. The Icon tool will be opened in the Edit tab (target), select an icon category from the pull-down list.



  7. Select an icon you are interested in using. The icon will be placed in front of the text for the listed item.




  8. Repeat the process for other items in the list.
Back to List 


Anchor
Numbers
Numbers

Ordered Lists (Numbered)


Anchor
Summary
Summary


Panel
borderColor#8A0000
bgColor#FFDD80
titleColor#FFC420
borderWidth1
titleBGColor#8A0000
borderStylesolid
titleSummary of Steps
Expand
titleChanging the Order of Items in a List
  1.  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
titleCreating Content Blocks
  1.  
Expand
titleFormatting and Styling Headings
  1.  


Child pages (Children Display)
pageKB Articles Style Guide

Page Properties
hiddentrue
Related issues