This Guide is for the legacy DesignPLUS sidebar (installed before July 2023). Visit the Current User Guide for information for newer installations or those who have upgraded.

Current Element Style Contents

Customize the Style Current Element Style Overview

The Customize the Style section contains design tools that you can use to customize the style attributes of your content.

The tools in this section have been designed so that multiple tools can be open at the same time. Each of these tools can also be pulled out of the tool panel as draggable windows.

Interface And Tools

Basic Tools

Current Element Style basic interface

Basic Design Tools include tools for working with images, links, tables and ordered/unordered lists.

Intermediate Tools

current_element_intermediate.png

Tools for working with colors, spacing, borders, block alerts/highlights and text emphasis/highlights are available by turning on intermediate tools.

Advanced Tools

Current Element Style Interface

Tools for working with HTML attributes and a variety of additional actions are available by turning on advanced tools

 

The following list provides a brief summary of each tool:

Image Size/Position/Style 
Adjusts the styling of an image including alternative text, alignment, size and border styles.
(This tool is only visible when an image is selected in the rich content editor.)
Link/Button
Adjusts the styling of a link including icons, visited indicator, icon and button style.  
(This tool is only visible when a link is selected in the rich content editor.)
Ordered/Unordered List
Adjusts the style of an existing list.
 (This tool is only visible when an ordered or unordered list is selected in the rich content editor.)
Table Header/Footer Style
Modifies the style of an existing table.
 (This tool is only visible when a table is selected in the rich content editor.)
Colors Intermediate
Changes the color of the background, text, and border.
Spacing Intermediate
Adjusts the margins or padding of the selected element.
Borders Intermediate
Adjusts the borders of the selected element.
HTML Attributes Advanced
Set the id, class and style attributes for the selected element.
Additional Actions Advanced
Includes a variety of actions that help cleanup and organize the selected content.
Block Alerts/Highlights Intermediate
Apply an alert class to the selected element.
Text Emphasis/Highlights Intermediate
Emphasis or highlight currently selected text in the rich content editor.

Turning on Additional Tools

To turn on additional tools:

  1. Click the Design Tools Settings icon  in the Jump Menu
  2. Choose Intermediate or Advanced from the Select a Comfort Level area
  3. Close the Design Tools Settings