Widget Type - Text Area

The Text Area widget consists of an editable content area and the rich content editor tool bar. The widget is configured by utilizing the CK-Editor to add text, images, hyperlinks, etc. in the content area.

Available in the following Content Blocks: Extra Large, Large, Small

Requirements: N/A
 

Configuration

Any field marked with a red asterisk (*) is required in order to save the widget. Once all the applicable fields have been configured, click Save & Close to save the widget. 
  • Theme:* choose between 1 of 3 custom themes that have been applied to the website
  • Columns: choose between 1 to 3 columns; each column will have its own Content Editor; the columns will display left to right on a desktop screen and top to bottom on a mobile device
  • Text: utilize the Content Editor to add content to the widget

The Content Editor will allow you to manipulate your content using the editor's toolbar. The toolbar is sectioned into the following categories:

  • Formatting Tools
  • Font Tools
  • Paragraph Tools
  • Insert Tools
  • Editor Tools

Paragraph Format

There are different pre-formatted text options. Typically, one of our graphic designers has set your defaults with respect to font styles/sizes. Heading 1 is used for titles. Heading 2 and Heading 3 are used for Subheadings. Any text that does not have a Heading Tag applied will be defaulted to the Normal font style of your website.

 

Font Tools

The Font Tools located in the Content Editor toolbar will allow you to manipulate the text within a page to either emphasize or decorate your content. All of these tools are typical of any word processing application.

    Bold

The Bold tool allows you to darken any text to emphasize a remark or content.

Ex. This is an example

 

  Italic

The Italic tool allows you to alter any text by causing it to slant to the right in order to emphasize a remark or content.

Ex. This is an example

 

  Underline

The Underline tool allows you to place a line underneath text in order to draw attention to its meaning. More often than not this is used for titles.

Ex. This is an example

 

  Strike Through

The Strike Through tool allow you to place a solid line through text in order to construe information that is no longer valid.

Ex. This is an example

 

  Subscript

The Subscript tool allows you to create text that is half the height of normal text and appears lower on the line of normal text.

Ex. This is an example

 

  Superscript

The Superscript tool allows your to create text that is half the height of normal text and appears above the line of normal text.

Ex. This is an example.

 

Paragraph Tools

The Paragraph Tools will allow you to align your content within the margins of your page. These tools operate in the same fashion as a text editor.

 

  Numbered List

The Numbered List tool will allow you to create a list of items in ascending numbered order. In order to create a sub-set of items within a numbered list, simply press the tab key which will create a indented list beneath the current number of the list.

Ex. 
  1. Apples
  2. Oranges
    1. Mandarin Oranges

 

  Bulleted List

The Bulleted List tool will allow you to create a list of items in a bullet point form. In order to create a sub-set of items within an bulleted list, simply press the 'Tab' key on your keyboard which will create an indented list beneath the current bulleted item of your list.


Ex.
  • Apples
  • Oranges
    • Mandarin Oranges

 

  Block Quote

The Block Quote tool will allow you to place emphasis on a specific block of text. The text will appears in a slight different font style and will be isolated from the rest of your content.


Ex.

Lorem ipsum dolor sit amet, consectetur adipiscing elit, sed do eiusmod tempor incididunt ut labore et dolore magna aliqua. Ut enim ad minim veniam, quis nostrud exercitation ullamco laboris nisi ut aliquip ex ea commodo consequat. Duis aute irure dolor in reprehenderit in voluptate velit esse cillum dolore eu fugiat nulla pariatur. Excepteur sint occaecat cupidatat non proident, sunt in culpa qui officia deserunt mollit anim id est laborum.

 

   Align Left

The Align Left tool is used to arrange text or images relative to the left indent of the page.

Ex. This is an example.

 

  Align Center

The Align Center tool is used to arrange text or images relative to the midpoint of a page.

Ex. This is an example.

 

  Align Right

The Align Right tool is used to arrange text or images relative to the right indent of the page.

Ex. This is an example.

 

  Justify

The Justify tool is used to arrange text utilizing the top and bottom margins of a page. If needed spacing will be added between words to ensure alignment.

 

Insert Tools

The Insert Tools found in the Content Editor provide you with methods of inserting various forms of Media and other objects into your content pages.

 

  Insert/Edit Link

The Insert/Edit Link tool will allow you to create and insert Hyperlinks into your pages. Navigate to the How to Create Hyperlinks page for more information.

Ex. This is an example.

 

  Insert Anchor

The Insert Anchor tool will allow you to create anchored points on a page which can be hyperlinked to. Navigate to the How to Create Hyperlinks page for more information.

 

  Insert Image/Media

The Insert Image/Media tool will allow you to add images and or media to your site. 


  Insert Table

The Insert Tables tool will allow you to add a table to your content for the purposes of organizing your content. 

Ex.
Apples $1.79
Oranges $2.49
Grapes $3.99


  Insert Horizontal Line

The Insert Horizontal Line tool will allow you to add a dividing line to your content.

Ex.

 

   Insert Special Characters

The Insert Special Characters tool will allow you to use a variety of unique characters within your content. Once you have accessed the tool, a Special Character window will pop open. Click here to see the Special Characters available.

 

  Insert Youtube Video

The Insert YouTube Video tool will allow you to embed a YouTube hosted video in to your page content. 

 

Editor Tools

The Editor Tools that are available within the Content Editor will allow you to alter how the editor functions or make changes to all of your content at once. 

 

  Undo

The Undo tool allows you to revert any changes that were made to a page since the last time the page was saved.

 

  Redo

The Redo tool allows you to execute the last content change(s) that were reverted using the Undo tool.

 

  Find

The Find tool allows you to locate specific text within a content page.

 

  Replace

The Replace tool allows you to replace specific text with alternate text within a content page.