Currently Being Moderated

How To: Create a Chart Within a Document

Updated: August 28, 2012

Back to Help Center Index >

 

Documents created within the Verizon Thinkfinity Community have a full-featured set of editing tools similar to many word processing programs.

 

The table feature can be used within a document to organize content into a chart-like format, align graphics and text, put content into columns and more. This document describes how to create a table (chart) and edit the various properties of it.

 

Creating a Chart

 

1. Within your document, place your cursor at the point where you want the table to appear then select the Insert Table icon in the editing toolbar. Choose the number of rows and columns you would like your table (chart) to have. (Don’t worry, you can add and delete rows and columns later.)

 

2. To change attributes for the table, move your cursor inside the table and click inside any cell. Select the edit table icon that appears then select the first

option to Edit: Table.

 

  • Style – sets attributes of the entire table
    • Headers – choose from three table header options or none for no headers.
    • Border: Width – thickness of table border in pixels
    • Border: Color – color of border line (see below for information on color choices)
    • Size and Position: Width – amount of browser window the table will cover (in pixels or percentage)
    • Size and Position: Height – height of table. Set to Auto for table to expand to fit the contents. Choose a fixed number of pixels to precisely control size.
    • Alignment – Choose None, Left or Right to set the alignment of the table on the page.
  • Header – sets attributes of the header row if one is present
    • Sample Header – shows current settings
    • Style: Padding – blank space (in pixels) surrounding the header text.
    • Style: Background – color of header cell background (see below for information on color choices).
    • Text: Alignment – sets the horizontal alignment of the text in header cells.
    • Text: Vertical – sets the vertical alignment of the text in header cells.
    • Text: Family – sets the font of the text in header cells.
    • Text: Color – sets the color of the text in header cells (see below for information on color choices).
  • Cell – sets the default attributes of the cells in the table
    • Sample Cell – show current settings
    • Style: Padding – blank space (in pixels) surrounding the contents of a cell.
    • Style: Background – color of cell background (see below for information on color choices).
    • Text: Alignment – sets the horizontal alignment of the content in cells.
    • Text: Vertical – sets the vertical alignment of the content in cells.
    • Text: Family – sets the font of the text in cells.
    • Text: Color – sets the color of the text in cells (see below for information on color choices).

 

3. Click inside a cell to start adding text, insert an image or add other content.

 

 

Modifying the Properties of a Row, Column or Individual Cell

1. Move your cursor into the row, column or cell you would like to edit and click.

2. Select the edit icon that appears and move to Column, Row or Cell.

3. Options similar to above will be available.

 

Adding or Deleting Rows or Columns

1. Move your cursor into the row or column where you would like to add or remove and click inside a cell in that row or column.

2. Select the gear icon that appears to the left of the row or above the column.

3. Choose the appropriate action.

 

 

Selecting Border and Background Colors

Border and background colors can be specified by their hexadecimal codes (i.e. red = #ff0000) or by their assigned names (i.e. blue). There are 147 named colors recognized by all browsers. A good listing of valid colors can be found at: http://www.w3schools.com/cssref/css_colornames.asp.

 

 

 

Delete Document

Are you sure you want to delete this document?

More Like This

  • Retrieving data ...