KNOWLEDGE CENTER

 

 



 

  

 

 

 

 

 

 

         

Edit or Delete a Table

 

 

 

 

 

 

 

 

 

 

 

 

 

There, undoubtedly, will be times that a Table will need to be changed

in some way, or even deleted. 

 

Let's take a look at all our options. 

 

 

 

 

 

  

 

   Generally, we use a variety of tools when editing.  These tools are always seen at the top of the screen, and are available for use on every

    page of your site with one exception. The Form Building icons, seen below, can be used only when working on a Form.

 

 

      • For a complete description of all the editing tools, see the page A Quick Look at the Editing Icons and What They Can Do,  or click here.
  

 

 

NOTE :

 

Because a Table is placed within an Article, and because you may have chosen to have this Article placed on every page of your site, please visit the page, Edit or Delete an Article, or click here.

 

A Table can only be edited on the page where it was first created.  Edit or Delete an Article contains important information about how to find the original page.

 

 

 

 

   1.   To Edit a Table, click your cursor within the Table, then do a right click.  The Page Details window appears.  Select Table, and the Table Properties

          flyout comes up.

                                                                                                                 

                                                                                  

Page Details window

 

 

 

 

 

 

 

 

 

 

 

 

 

Table Properties flyout     

 

   2.   The Page Details window offers information and editing choices for both the Article and the Table that is placed inside the Article.

          Click on each subject to see what they offer.

 

      • Info:  This offers specific information about the Article, such as the Origin of the site, the Placement (whether the Article is shown on all pages), who created the Article, etc.

 

      • Hide: It allows you to hide the Article when it is in Published Mode.  This is especially helpful if the Article is not ready to be seen by a visitor.  Also, it's handy to use if a Parent site has an Article being pushed to a Child site, but doesn't want it seen on the Parent site.

 

      • Opt-in:  This is only offered for Child sites.  If the content has been "pushed" from the Parent site, and the Parent has allowed the content to be "Optional,"  the Child can choose to receive the optional content.

 

      • Delete Article:  If you click on this, a "Warning" pop-up will appear, as seen below.  Click OK  to go ahead and delete the Article which will also, delete the Table.  Click Cancel  to avoid deleting.

 

 

 

      • Move to:  The arrow allows you to move the Article to different areas on the page.  The choices offered are:  Up, Down,  and Move Last.  These choices can be used in the current panel.  Other choices offer to move the Article to panels outside the current panel, such as, to the Main panel, the Header, the Footer, or to the Menu panel.
      • Dynamic Fields...      If you click on the icon, the flyout offers you various options.  These options allow you to insert selected information that will be displayed as part of the external URL address.  This tool is particularly helpful when working with Child sites. 

 

      • Table and Cell:  We will discuss both of these options later in this page.    

 

      • Retrieve An Article, Store Article and Download Article are not applicable to a Table.

 

      • Properties:  Click, and Webtreepro will take you to the Page Elements wizard.  The wizard's tabs are seen below.  You can go through each tab and change most of the Article's characteristics.

 

 

               1.   The Placement tab is where you can change and have the Article shown on only one page, or all pages.  You cannot change the

                      panel where the Article is placed.  To review Placement, click here.      

   

               2.   The Publish Dates tab is where you can change or set Start and Stop Dates to control the visitor's viewing of the Article. To review Publish

                      Dates, click here.

 

               3.   The Visibility tab is where you can change who is allowed to see the Article.  To review Visibility, click here.

 

               4.   The Publishing tab is for Parent sites only.  Content can be required or optional for any child sites. To review Publishing, click here. 

 

               5.   Click Finish   to complete the Page Elements wizard.  Webtreepro will take you back to your newly edited Article.

 

 

Sometimes, you might need to edit in only one of the Page Elements tabs. 

Just click on the tab you need. 

Do your editing, then click Finish . 

No matter which tab you are on, the Finish button will save all your changes,

and bring you back to your working page.

You don't have to go through each tab of the Page Elements.

 

         
   

   Editing the Actual Table

                                                                                                                                                              

 

 

To quickly edit a Table's properties,

click inside the Table. 

 

Then, make a right click.

Using the Table Properties flyout options,

you can add or delete Rows and Columns,

and also go directly to Table Properties.

 

A more detailed explanation of Columns and Rows

 will come later in this page.

 

 

Table Properties flyout

 

 1.   To delete the Table, select the Delete Table button.  A "Warning" popup will appear, and ask if you are sure you want to delete the Table.

          If you are, click the OK button.

 

 

   2.   Select Table Properties to edit any of the Table's characteristics.  It will bring up the Common Properties and Styles screens, seen below.

                                                                                                                                              

 

   3.   To review how to make changes to the Table Properties, Common Properties tab, go to the page Insert a Table; Step One:

         Common Properties, or click here.

   4.   To review how to make changes to the Table Properties, Styles tab, go to the page Insert a Table; Step Two: Styles, or click here.

 

         
 

    Now, let's look at how to modify an existing Table.

 

      Here are some examples of how you can individualize a basic Table to meet your needs.  Click in the existing Table, and then, make a right click

      to bring up the Page Details window.  From the window, we can select either Table  to see the Table Properties flyout, or we can select Cell

      to see the Cell Properties flyout. 

 

      First, let's select Table to show how to make the adjustments offered by the flyout.

 

 

 

 

 

 

 

 

 

 Page Details window

 

Table Properties flyout 

 

 

  

 

 

  

 

 

 

 

 Inserting or Deleting Rows and Columns:

 

Here is how you can individualize this basic Table. 

 

The Table below, has 3 Rows and 3 Columns.  Using the Table Properties flyout we can insert extra Rows or delete unnecessary Rows.  

 

We can do the same thing with Columns.  Just click your cursor in the Cell or Column that you want to edit, and choose an option from the Table flyout.

 

                          

1a. 2d. 3g.
1b. 2e. 3h.
1c. 2f. 3i.

 

 

                          

1a. 

Using the Table Properties flyout, a gray Row was inserted after Row 1a. 

You now see 4 Rows in this

 Table instead of

 the original 3.

 

 

 

 

                              

2d. 

Again, using the Table flyout,

a blue Column was inserted after

Cell 2d, creating

Column 2dd.   

                                                         

But the Column is not equal in width to the other Columns.  Depending on how you want the Table to look, the new Column might need adjusting. 

 2dd. 3g.
1aa. 2aa. 3aa.
1b. 2e. 3h.
1c. 2f. 3i.

 

      2.   To make the Columns/Cells equal in size, you'll need to click in the Table, then right click to get to the Page Details window. 

             Select "Table" and the "Table" flyout appears.   From there, select Table Properties, and the Common Properties window seen below

             comes up.

  

 

 

 

 

 

 

 

 

 

 

 

   3.  Notice in the Cell widths section at the bottom of the window (see arrow), the Cell (Column) 3 has no width chosen.  That's because we just

        added it.  To make all the Columns the same width, we're going to have to change all of the Cell/Columns widths.  We can't go over a total

        Cell/Column width of a 100%, so we'll change all widths to 25%.

 

                          

1a. 

Now, all 4 Columns... 

 

2e.

 ...are the same width.

                                                  

2ee.

Remember, Cells grow in size with added Content.

 3i.
1b. 2f. 2ff. 3j.
1c. 2g. 2gg. 3k.
1d. 2h. 2hh. 3l.

 

 

    4.   The last option on the Table Properties flyout is Table Properties.  Click on this to see the two windows we worked on when first creating 

           the Table.  Change any or all of the existing Tables characteristics. 

 

           For more details about the Common Properties window, see the page Insert a Table, Common Properties, or click here. 

           For more details about the Styles window, or how to add color or a Background Image to the Table, see Insert a Table, Styles, or click here.

 

 

Table Common Properties window

 

 

Table Styles window

 

         

    

   Modifying Existing Cells:

 

 

    Now, let's select Cell from the Page Details window to show how to make the adjustments offered by the Cell Properties flyout.

                                                                 

 

 

 

 

 

  

 

 

 

 

 

 

 Page Details

 

 

 

 

 

Cell Properties flyout 

   

 

     Merging Cells:

 

    Again, we will start with our basic Table with 9 Cells.  We'll use this Table to illustrate merging Cells.

 

1a.                

2d.                  

3g.                       

1b. 2e. 3h.
1c. 2f. 3i.

  

   1.  Click in Cell 1a, and then, do a right click.  The Page Details window will appear.  Select Cell, and from the Cell Properties flyout, select 

         Merge Down.  Cell 1a instantly merges with Cell 1b.  We continue to merge by right clicking in Cell 1a and selecting Merge Down until finally we

         have only one Cell in Column 1, see below.

 

 

1a. has merged with Cells 1b and 1c.

 2d. 3g.
2e. 3h.
2f. 3i.

 

   2.   Now let's Merge Right.  Following the same procedure, we clicked in Cell 2d, and then, did a right click and merged with Cell 3g.  We merged right

         with all the Cells in the second, and third Rows.  This option is handy if you have a Table that requires writing room.

 

1a.  2d has merged with 3g.
1b. has merged with Cells 2e, and 3h.
1c. has merged with Cells 2f, and 3i.

 

            

  

  Splitting Cells

                         

Here is the basic Table, again.  We'll use it to illustrate splitting Cells

1a.                

2d.                  

3g.                       

1b. 2e. 3h.
1c. 2f. 3i.

 

  

    1.   Click in the Cell that needs to be split.  Do a right click, select Cell from the Page Details window to see the Cells Properties flyout.  Now,

          choose how to split the selected Cell, either vertically or horizontally.                                                                                                                          

 

 

 

 

 

 

 

 

 

 

 

 

 

 

Page Details  

 

 

 

 

Cell Properties

 

 

 

1a. 

 

Cell 1a was split vertically, and has created the

gray Cell 1aa.

 

Cell 1a has been divided

at the "x" axis.

 

 

 

 

 

 

2d.

 

 We see that Cell 1a, to the left, and  Cell 3g , to the right are split in two different and perhaps confusing ways.  Think of the "x" and "y" axis from your high school Geometry class.

 

The "y" axis goes up and down. The "x" axis goes across.

 

 A way to remember:

"Y" goes high. 

3g. 

 

Cell 3g was split horizontally,

and has created the blue

Cell 3gg.

 

Cell 3g has been divided

at the "y" axis.

 

                              

                                             

3gg. 

1aa.

1b. 

 2e. 3h.
1c. 2f. 3i.

 

      The last option on the Cell flyout is Cell Properties.  Click on this to see the two windows we worked on when first creating the Table.  Change any of

      the existing Cell's properties. See below.

 

      For more details about the Common Properties window, and the Styles window, see the page All About Cells, or click here.  This page will also

      explain how to add Background Color or a Background Image to a Cell.

 

                                                                                               

Cell Properties, Common Properties window

 Cell Properties, Styles window 

 

 

 

 

 

 Quick Video Link>>Table Basics