USING YOUR ADMIN - The Page Editor - Making Tables

A table is a way of organizing information on your web site along a grid. It's handy for displaying things like schedules , technical data, and other kinds of content. Here's an example:

To include a table on your web site your will use your admin's Table-Maker. You will:

  • Add and name a new table, and set up its column headings
  • Load (or "stuff") the table with your data, or edit your table's data if you have already added data
  • Add the finished table to your page in the Page Editor

First, Make a New Table
Click the link at the top of your Page Manager called "view/edit tables". You will see a grid that looks something like this:

  1. Give your table a descriptive name so you'll know which table it is when it appears in a list of tables later on.
  2. The Field Names are actually going to be the table's column headings, or in some cases may be row headings. (See how the names, "Type, Date and Time" appear in the table up at the top of this page.)
  3. Click add/update to make this table ready for content.

Next, Open the Table Loading Screen:
On the view/edit tables screen, click the green Load Table button by the table you just created or edited. You will see something like this:

  1. Enter your table data in the fields. Reorder the rows with the drop-down numbers on the right, if you need to.
  2. Choose your table style: At the top of the screen is a Table Class drop-down list, which includes the available table styles from which you may choose. These effect the colors of your table cells, and possibly the number of columns and other style preferences. Your preview should change if this funtion is hooked up.
  3. Click the add/update button to save your table with data.

Your table is now ready to go onto one of your pages. Next:

  1. In the Page Manager, click the yellow "edit" button (not "edit info") to open a Page Editor.
  2. Click the "div" button in the "heading, paragraph, image, list, div" row of buttons (see above).
  3. Click the "table browser" link.
  4. Choose the table from the list of what's available. (The one you just made should be in that list.)
  5. Click the "record changes" button at the top of the screen. Check your page online to see how it looks.

NOTE: In order for the table in the "div" field to show up, you may need to add a bit of text to the paragraph field just above it in the same grouping -- a quirk of the Page Editor.

ALSO: Your table will not show up in the Page Preview screen. You'll need to record the changes first and then look at the test or finished page.