Follow

Text/Graphic Editor Tool

This tool allows you to add text, links, bulleted lists, horizontal lines, tables, graphics, and widgets.

This tool is available in:

  • Primary pages  - Main Body & Right Side Bar
  • Faculty pages - Main Body & Right Side Bar

If an option does not apply to all page areas, multiple screenshots will be provided with descriptions of the differences.

Formats of the Text/Graphic Editor

The Main Body Text/Graphic Editors have more options for displaying graphics but do not have the I-Frame option found in the Primary Right Side Text/Graphic Editor.

Note: A graphic is not required when using the Text/Graphic editor. See the Add a Graphic (Main Body) section for more details about adding a graphic to the Text/Graphic Editor.

TGE_4.jpg

Fields on both Primary Main Body and Right Side Bar Text/Graphic tool

  1. Text: Field where you enter the main body of text. The Text Editor article goes into more detail about the function of this field and best practices.
  2. Graphic: Both the Main Body and the Right Side have the ability to upload an image file. This tool does not have a cropping and will scale down the image to fit the selected area that tool is being added to.
  3. *Alt Text: This is the text that is displayed when a user hovers their mouse over the image.
  4. Link/URL for Graphic: Both the Main Body and Right Side allow you to enter a link/URL that will open when selected.
    Main Body: The link opens when the graphic is clicked.
    Right Side: The link opens when either the graphic or text is clicked.
  5. Graphic Link Type: This designates if the graphic link/URL will open in a new window (external page) or the existing window (internal page).

Fields that are different
Main Body

  1. Justification: Set location of the image within the tool.
  2. Image Width: Set how large the image should be displayed.
  3. Caption: option to display text under the image

Right Side

  1. Place Into Vertical Scrolling I-Frame: an I-Frame can be added to allow for scrolling text and yet keep the text area from becoming too tall. The I-Frame can also be used display a public URL from another application. Some browsers do not work well with I-Frames. If you choose to add an I-Frame be sure to view the page in different browsers to see if the I-Frame will display the way you want it to.
    Note: Faculty Right Side has limited graphic capabilities and no I-Frame option.

Text Editor 

Text_Editor.jpg

See the Text Editor article for specific details about the text editor options.
 

Add a Graphic (Main Body)

Note: Adding a graphic is optional. However, if a graphic is added the Alt Text should also be filled out.

TGE_9.jpg

Note: [1] and [4] in the rectangles are the two graphic options also available on a Right Side Text/Graphic Editor.

  1. Graphic Upload: Use the Choose File button to browse to the image file. The image must be a .jpg, .png or .gif.
    Note: A graphic added to the right side will automatically be scaled down if it is wider than 185 pixels.
  2. Justification: Set the Justification for the image. If "Above" or "Below" is chosen then there is the additional option of choosing left, right or center.
  3. Image Width: Set the desired image width using the radio buttons. If "Custom Width" is chosen enter the number of pixels wide the image should be. Images will be resized accordingly when they are uploaded.
    Note: The graphic cannot be made larger after Adding.
  4. Alt Text: Provide text that will show when the mouse cursor hovers on the picture. Alt text is truly meant for screen readers for the visually impaired. A screen reader will read the text entered as alt text. It is not supported by all browsers. This option will appear with a red Asterisk by it, making it required, only if a user with permissions to the Settings module has made Alt Text required
  5. Caption: Option to have a caption display under the image.
  6. Link Graphic To: Add a URL to make the graphic a link.
  7. Graphic Link Type: If a link is added in the "Link Graphic To:" option use the radio buttons to determine if the URL should open in a New Browser Window (external website) or in Existing Browser Window (internal page.)
 
Was this article helpful?
0 out of 0 found this helpful
Have more questions? Submit a request

0 Comments

Please sign in to leave a comment.