Tables provide a convenient way to present information in an orderly way. The sections below provide instructions for inserting, editing, and deleting tables using version 1.4 of the Kupu Editor.

Note: The undo and redo buttons in the Kupu Editor do not work with all table-related functions. For example, you cannot use the undo button to remove a table you have just inserted. Instead, you must delete the table (see Deleting a Table).

Inserting a Table in Your Page Content

To add a table to a Plinkit page:

     1.      Log in to Plinkit and navigate to (or create) the page to which you want to add a table. In this example, we will add a table to the Your Library Card page.

     2.      Click the edit tab.

     3.      In the Kupu Editor window (in the  Body Text area of the edit tab), position your cursor where you want to insert the table and then click the  (Insert table) button. In this example, we have added a paragraph to introduce the new table.

     4.      In the Table window, select listing from the Table Class drop-down menu.

     5.      In the Rows and Columns fields, enter the number of rows and columns you think you will need for your table.

     6.      If you want to add a header row, select the Create Headings check box. The header row will have a different background than the data rows. (It will look similar to the header row in the portlets on your site.)

     7.      Click the add table button.

The Table window will close and a blank table with the specified number of data rows and columns will appear in the Kupu Editor.

     8.      Click in each table cell and add your table text.

     9.      When you have finished editing your table, scroll to the bottom of the page and click save.

The main content area automatically switches to the view tab so that you can view the page with its newly added table.

Adding and Deleting Table Rows and Columns

You can use the  (Insert table) button to insert additional rows and columns to an existing table or to remove existing rows and columns. In the example used in the procedure below, we will add another row to an existing table and then delete an existing column.

To add and remove rows and columns from an existing table:

     1.      Log in to Plinkit and navigate to the page containing the table to be modified.

     2.      Click the edit tab.

     3.      To add a row, click in a cell in the row above which you want to add the new row. To add a column, click in a cell to the left of the location where you want the new column to appear.

In this example, we are adding a row to the bottom of our table, so we have clicked in the cell containing the text Teen.

     4.      Click the  (Insert table) button (see above).

     5.      In the Table window, click the add button next to the word Row or next to the word Column, as appropriate. The row or column will be added to your table immediately.

     6.      When you have finished adding rows and columns, click the close button so that you can see your revised table in the Kupu Editor.

     7.      Enter the appropriate text in your new row(s) and/or column(s). In this example, we have added information about library cards for kids.

     8.      To remove a row or column, click in a cell in the appropriate row or column and then click the  (Insert table) button. In this example, we have decided to remove the cost column, so we have clicked in the cell containing the word cost.

     9.      In the Table window, click the remove button for either the Row or Column, depending on your situation.

  10.      Click the close button so that you can see your modified table in the Kupu Editor.

In our example, the cost column no longer appears in our table.

  11.      When you have finished editing your table, scroll to the bottom of the page and click save.

The main content area automatically switches to the view tab so that you can view the effects of your edits.

Changing the Appearance of Table Rows and Cells

After you have added a table to a page, you can use the style selector drop-down menu to adjust the appearance of rows and cells in the table. The procedure below describes how to add row coloring to a table to make it easier to read.

To apply alternating row colors to a table:

     1.      Log in to Plinkit and navigate to the page containing the table to be edited.

     2.      Click the edit tab.

     3.      Click in a cell in the second data row of the table. In our example, we have clicked the cell containing the text Non-resident.

     4.      From the style drop-down menu, select Even row.

The selected row will immediately be updated with the background color used for even rows in your site.

     5.      Repeat steps 3 and 4 for all of the other even rows in your table.

     6.      When you have finished formatting the rows of your table, scroll to the bottom of the page and click save.

The main content area automatically switches to the view tab so that you can view the effects of your edits.

Deleting a Table

To delete a table from a page:

     1.      Log in to Plinkit and navigate to the page containing the table to be deleted.

     2.      Position your mouse pointer over one of the table borders, so that your pointer turns into a cross hatch, and then click your primary mouse button. The table will be selected and resizing “handles” will appear at the corners and midpoints of each border.

     3.      On your keyboard, press the Delete key.