Text

User Guide Text

Overview

Overview

Use this tool to:

  • Access heading and body style options for selected text

Interface

Interface

The following panels will describe what can be accomplished in each section of this tool:

Content

The following controls are available in the Content section:

1. Text type
Select the desired text type (Body Text or Heading level)
2. Icon Picker
Select an icon to accompany a Heading

Style

Use the tools in the Style section to adjust:

Text Styles
1. Font Size
Choose a specific pixel size for your text; or select from Small, Medium, or Large font sizes. Use the  eraser icon to restore font size to default.
2. Font Style
Select a font style, or revert to the Default font
3. Apply lead font style
Checkmark this box to apply the lead font style
Example of Lead Font Style and Regular Text. The Lead font is slightly larger and a different font style
4. Apply hanging indent style
Checkmark this box to apply a hanging indent style
An example of a paragraph where every line of text after the first is slightly indented.

All Heading Styles
1. Remove style
Remove heading styles that have been applied to the page
2. Favorite style
Add a heading style to the User Favorites source
3. Source expanders
Select to view heading styles from various sources
4. Heading style category expanders
Select to view groups of heading style buttons
5. Heading style buttons
Select a heading style button to apply it to the page

Instructions

Instructions

Add Text

To add a new text block:

  1. Place your cursor in the editor where you want the text to go.
  2. Open the Add menu.
  3. Select the Text tool.  

This will add an empty paragraph at the cursor position.

Remove Text

To remove text:

  1. Place your cursor within the text.
  2. Make sure you are in the Edit tab.
  3. Choose the Text option as the active tool.
      
  4. In the Action Toolbar  panel, select the  Delete Text button.

 

Adjust Heading Levels

To adjust text heading levels:

  1. Place your cursor in the paragraph or heading text.
  2. Make sure you are in the Edit tab.
  3. Choose the Text option as the active tool.
     
  4. In the Content panel, select the button to the left of the desired heading level.

Change Font Size

To change the size of your text:

  1. Place your cursor in the paragraph or heading text.
  2. Make sure you are in the Edit tab.
  3. Choose the Text option as the active tool.
     
  4. In the Style panel, you can adjust the font size in either of the following ways.
    • Adjust pixel size
    • Select Small, Medium, or Large

 

Adjust the numerical font size in pixels

You may type any numerical font size (in pixels) that you would like, or use the plus or minus buttons to increase or decrease the font size.

Select a font size

For a quick change, you may select either Small (S), Medium (M), or Large (L) for your font size. You may also use the  eraser icon to reset the font to its default size.

Change Font Style

To change the style of your font:

  1. Place your cursor in the paragraph or heading text.
  2. Make sure you are in the Edit tab.
  3. Choose the Text option as the active tool.
     
  4. In the Style panel, select any font from the choices offered.

Apply the "Lead Font Style"

To apply the "Lead Font Style" (originally introduced in certain Legacy Sidebar themes):

  1. Place your cursor in the paragraph or heading text.
  2. Make sure you are in the Edit tab.
  3. Choose the Text option as the active tool.
     
  4. In the Style panel, select the checkbox for "Apply lead font style."

Apply a Hanging Indent

To apply hanging indentation formatting to your text:

  1. Place your cursor in the paragraph or heading text.
  2. Make sure you are in the Edit tab.
  3. Choose the Text option as the active tool.
     
  4. In the Style panel, select the checkbox for "Apply hanging indent style."

Apply Heading Styles

To apply a heading style to the page:

  1. Place your cursor in the paragraph or heading text.
  2. Make sure you are in the Edit Current Element tab.
  3. Choose the Text option as the active tool.
     
  4. In the Style panel, use the expanders to locate the style buttons.
  5. Hover over any style button to see a preview of the heading styles.
  6. Select any style button to apply those heading styles to the page.

Resources

Resources

Examples

Example Heading Style
Example Heading Style

Design Considerations/Best Practices

Please consider the following:

  • Heading levels should not be skipped. The Heading Checker tool can help with this.
  • Do not use headings just to make text larger. Only use headings to introduce a section of related content.
  • Heading styles should be consistent to make the page and course more readable for students.
  • Consistent use of icons in headings can help students navigate content more quickly.

Legacy Comparison

In the legacy version, heading styles were bound to DesignPLUS themes.  In the new DesignPLUS Sidebar, the Text tool and Custom Headings tool allow you to customize heading styles by heading level and do so independent from Themes or Banner Title headers.