| Panel |
|---|
|
ID&D KB How-to GuideWorking together to enhance teaching & learning. If you need additional assistance, please reach out to the ID&D team. |
...
| Expand |
|---|
|
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.
 You can change the order of the items in the list by:
Using your mouse, drag the item you wish to move by selecting the "six dot" icon in front of it
Move the item to the place in the list you want it
The list will be rearranged on your page
|
...
| Expand |
|---|
|
Locate the list you wish to change.
Place your cursor at the beginning of the first item in your list
Open the Style panel in the DesignPLUS Sidebar
Select the type of numbering style you want to use 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
Save your page
|
...
| Expand |
|---|
|
Locate the list that you want to have nesting
Place your cursor at the start of the item in the list that you want indented
Open the Content panel in the DesignPLUS Sidebar
Click on the Indent icon in the sidebar to move it to the left or right
 The list on the page will reflect the shift in position
|
...
| Expand |
|---|
|
Select your list on the page that you want to modify
Open the Style panel for your list element in the DesignPLUS Sidebar
Select the “none” style for your list
 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.
 In the Sidebar, the Icon tool will be opened in the Edit tab (target), under the Content panel, select an icon category from the pull-down list.
 Select an icon you are interested in using. The icon will be placed in front of the text for the listed item.
 Repeat the process for other items in the list.
|
...
...
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.
| Expand |
|---|
|
Identify the link you want to modify.
|
...
Place your cursor in front of the link text on the page
The sidebar will open to the Link Tool in the Edit tab (target)
Click on the Icon Picker button
 Image Added
The
|
...
Icon Picker will open in a pop-up
|
...
window
Select the category or search for the type of icon you want
Select the icon
 Image Added
Repeat the selection for each link, moving your cursor to the link you want the icon located.
The icon will appear on your page in front to the link text
|
...
Back to List
...
 Image Added
|
...
Using Buttons for Links
You can use buttons to display the links you have within a page.
...
.
...
...
Back to List
...
...
| Panel |
|---|
| borderColor | #8A0000 |
|---|
| bgColor | #FFDD80 |
|---|
| titleColor | #FFC420 |
|---|
| borderWidth | 1 |
|---|
| titleBGColor | #8A0000 |
|---|
| borderStyle | solid |
|---|
| title | Summary of Steps |
|---|
|
| Expand |
|---|
| Changing the Order of Items in a List |
- You can change the order of the items in the list by:
- Using your mouse, drag the item you wish to move by selecting the "six dot" icon in front of it
- Move the item to the place in the list you want it
- The list will be rearranged on your page
|
| Expand |
|---|
| title | 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.
- Place your cursor at the beginning of the first item in your list on your page
- Open the Style panel in the DesignPLUS Sidebar
- Select the type of bullet style you want to use:
- Solid circle bullet
- Open circle bullet
- Square bullet
|
| Expand |
|---|
| title | 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.
- Place your cursor at the beginning of the first item in your list on your page
- Open the Style panel in the DesignPLUS Sidebar
- Select the type of bullet style you want to use:
- 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.
|
| Expand |
|---|
| title | 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.
- Place your cursor at the start of the item on your page that needs to be indented
- Click on the indent icon in the Sidebar to move it to the left or right
- 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.
|
| Expand |
|---|
| title | Using Icons for Bullets |
|---|
|
- You can also use icons as bullets. Select the "none" style of list in the Style panel.
- 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.
- The Icon tool will be opened in the Edit tab (target), select an icon category from the pull-down list.
- Select an icon you are interested in using. The icon will be placed in front of the text for the listed item.
Repeat the process for other items in the list.
|
| Expand |
|---|
| title | Adding Icons to Links |
|---|
|
Identify the | Identify the link you want to modify. Place your cursor in
front of the link text
on the pageThe
sidebar Sidebar will open to the Link Tool in the Edit tab (target)
Click on the Icon Picker buttonThe icon picker will appear as a pop-up
Select the category or search for the type of icon you want
Select the icon
Repeat the selection for each link, moving your cursor to the link you want the icon located.
The icon will appear on your page in front to the link text | Expand |
|---|
|
| title | Using Buttons for Links |
|---|
|
Identify the link you want to modify.
Place your cursor anywhere in the link textThe sidebar will open to the Link Tool in the Edit tab (target)Open the Style panel Open the Style panel in the Link Tool
Image Added
Next decide what the button "base" style will be: Solid or Outline
Click on the style -
solid Solid or
outlineOutline
Select the color from the options in the pop-up
Image Added
Image Added
The selection will be displayed on your page and in the preview panel below the style panel.
Image AddedYou have the option of having the button change when a mouse hovers over the button. This can be a change of solid color, or a change from solid to outline/ outline to solid.
Click on In the Style panel, select the style for the Hover/Focus Link Style - solid or outline
Image AddedSelect the color from the options in the pop-up window
Image Added
When a user hovers the button, they will see the change.
Image Added
...
Related articles
| Child pages (Children Display) |
|---|
| depth | 2 |
|---|
| page | DesignPLUS Tools for MyClasses |
|---|
|
...
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.)| Page Properties |
|---|
|
Related issues...