Using the Content Editor (Working With Tables) - Instructor - Blackboard Learn 9.1 SP12

Working With Tables

Click the insert/edit table function ( create table button ) to begin adding a table in the text area. Alternatively, you can use the insert/edit table command from the right-click contextual menu.

Note: Most of the table functions are unavailable (grayed out) unless you place the mouse pointer inside an existing table.

General Tab

On the General tab, you can set the basic properties for a table. Note that after creation, you can edit a table using the table functions and commands. You can resize a table by clicking and dragging the table border anchors.

Image illustrating associated text.

  • Columns: Type the initial number of columns for the table. The default is set to two columns.
  • Rows: Type the initial number of rows for the table. The default is set to two rows.
  • Cell Padding: Type a number in pixels for the individual table cells' padding.
  • Cell Spacing: Type a number in pixels to separate the table cells.
  • Alignment: Select the table alignment: center, left, or right. If not set, the current paragraph alignment is used.
  • Border: Creates a simple black line border around the table. Type a number in pixels for the width of the table border. The default is set to one pixel.
  • Width: Set the width of the table in either pixels or a percentage of the available display width. The default is set to 200 pixels.
  • Height: Set the height of the table in either pixels or a percentage of the available display height. If left blank, the table is sized automatically as needed to fit the content.
  • Class: Set the HTML class for the table. If your setup does not use classes, ignore this setting
  • Table Caption: Select the check box so the table is created with a caption cell at the top. A table caption appears as the title of the table.

Advanced Tab

On the Advanced tab, you can set additional properties for a table.

Image illustrating associated text.

  • ID: Type a table description or identifier.
  • Summary: Type a description for a table.
  • Style: Allow HTML code overrides for the placement, size, appearance, and border.
  • Language Code: Assign a language code to a table— used in translations.
  • Background Image: Use a graphic image to appear as a background for a table. You can provide a URL to create a link to an image file outside of the local system. Frame: Set the table frame parameter: void, above, below, hsides, lhs, rhs, vsides, box, or border.
    • To upload a file from your computer, click Browse My Computer.
    • To upload a file from the course's storage repository:
      • If Course Files is the course's storage repository, click Browse Course.

        -OR-

      • If your school licenses content management, click Browse Content Collection.

  • Rules: Set rules for the table content: none, groups, rows, cols, or all.
  • Language Direction: Set whether text entered in the table goes left to right or right to left from the mouse pointer position.
  • Border Color: Set the color for the table border.
  • Background Color: Set the background color for the table.

Setting Row and Cell Properties

Row properties affect an entire table row or a number of selected table rows. Cell properties affect the current table cell or a number of selected cells.

Row Properties

Click inside an existing table and click the table row properties function (File:en-us/Learn/Sandbox_for_SP_12/en-us/Learn/9.1_SP_10_and_SP_11/Administrator/999_Image_repository/button_content_editor_table_row_props_16x16.png) to open the Table Row Properties window. You can set formatting parameters to control how the contents of a table row or selected rows will appear.

Image illustrating associated text.

General Tab

On the General tab, you can:

  • Row Type: Set whether the row is a header, body, or footer.
  • Alignment: Set the alignment of the row’s cell contents to center, left, or right.
  • Vertical alignment: Set the alignment of the row’s cell contents to top, center, or bottom.
  • Class: Set the row content HTML class. If classes are not used, ignore this setting.
  • Height: Manually set the height of the row. Otherwise, the row expands or contracts as needed to fit the contents.

From the drop-down list at the bottom of the window, select to:

  • Update the current row or selected rows only (default).
  • Update odd rows in the table.
  • Update even rows in the table.
  • Update all rows in the table.

Advanced Tab

On the Advanced tab, you can set additional row properties.

  • ID: Type a row description or identifier.
  • Style: Allow HTML code overrides for the placement, size, appearance, and border.
  • Language Direction: Set whether text entered in the row goes from left to right or right to left from the mouse pointer position.
  • Language Code: Assign a language code to a row—used in translations.
  • Background Image: Use a graphic image to appear as a background for a row. You can provide a URL to create a link to an image file outside of the local system. Background Color: Set the background color for the row.
    • To upload a file from your computer, click Browse My Computer.
    • To upload a file from the course's storage repository:
      • If Course Files is the course's storage repository, click Browse Course.

        -OR-

      • If your school licenses content management, click Browse Content Collection.

content_editor_table_rows_properties_advanced.png.

Cell Properties

Click the table cell properties function (File:en-us/Learn/Sandbox_for_SP_12/en-us/Learn/9.1_SP_10_and_SP_11/Administrator/999_Image_repository/button_content_editor_table_cell_props_18x16.png) to open the Table Cell Properties window. You can set formatting parameters to control how the contents of a table cell or selected cells will appear.

Image illustrating associated text.

General Tab

On the General tab, you can:

  • Alignment: Set the alignment for a cell contents to center, left, or right.
  • Cell Type: Set a cell content type to data or header.
  • Vertical Alignment: Set the alignment for a cell contents to top, center, or bottom.
  • Scope: Expand the modification selection beyond an individual cell and applies the changes to a column, row, row group, col group.
  • Width: Manually set the width of a cell.
  • Height: Manually set the height of a cell.
  • Class: Set the row content HTML class. If classes are not used, ignore this setting.

From the drop-down list at the bottom of the window, select to:

  • Update the current cell or selected cells only (default).
  • Update all cells in a row.
  • Update all cells in a table.

Advanced Tab

On the Advanced tab, you can set additional cell properties.

Image illustrating associated text.

  • ID: Type a cell description or identifier.
  • Style: Allows HTML code overrides for the placement, size, appearance, and border.
  • Language Direction: Set whether text entered in a cell goes from left to right or right to left from the mouse pointer position.
  • Language Code: Assign a language code to a cell—used in translations.
  • Background Image: Use a graphic image to appear as a background for a cell. You can provide a URL to create a link to an image file outside of the local system. Border Color: Set the color for a cell border.
    • To upload a file from your computer, click Browse My Computer.
    • To upload a file from the course's storage repository:
      • If Course Files is the course's storage repository, click Browse Course.

        -OR-

      • If your school licenses content management, click Browse Content Collection.
  • Background Color: Set the background color for a cell.

Editing Tables

Click inside an existing table to make the table editing functions active in the content editor.

FunctionDescription
create table button Click to open the Insert/Edit Table window. If clicked inside a table, a new table is created inside the first one.
table row properties button Click to open the Table Row Properties window.
table cell properties button Click to open the Table Cell Properties window.
insert row above button Insert a blank row before the current mouse pointer position.
insert row below button Insert a blank row after the current mouse pointer position.
delete row button Delete the current row from the table. If you select multiple columns, all of them are deleted.
insert column to the left button Insert a blank column to the left of (preceding) the current mouse pointer position.
insert column to the right button Insert a blank column to the right of (following) the current mouse pointer position.
delete column button Delete the current column from the table. If you select multiple columns, all of them are deleted.
merge cells button Merge two or more selected cells into a single table cell.
split cells button Split previously merged table cells. If the cell or cells are not ones that were merged, nothing happens.

To resize a table, in addition to using table, row, or cell properties, you can also press and drag one of the table border anchors. These are positioned at each of the table corners—to make the entire table larger or smaller. You will also find them in the middle of each side—left, right, top, and bottom—to resize the table horizontally or vertically.

Right-Click Contextual Menus

You can also right-click anywhere inside an existing table to access a contextual menu. Select Insert/Edit Table to access some editing properties for an existing table.

Topic Information
  • Topic #: 8261-1793
  • Date Created: 5/7/2013
  • Last Modified Since: 7/29/2013
  • Viewed: 47
Welcome Guest