KNOWLEDGE CENTER

 

 



 

 

 

 

 

 

         

All About Cells

            

 

 

 

 

 

 

 

 

 

 

This page is entirely devoted to Cells.

 

We will show you how to modify Cells, merge Cells, split Cells,

 

and add Color and Background Images to Cells, and more!

 

Here's everything you've ever wanted to know about Cells!

 

 

 

 

 

 

 

 

 
Modifying Cells:

 

         To modify a Cell, click your cursor within it, then do a right click.  The Page Details window appears.  Select Cell, and the Cell

         Properties flyout comes up.  Using the Cell Properties flyout, you can merge Cells, split Cells, or go to Cell Properties.  

 

                                                                                

    Page Details      

 

 

 

 

 

 

 

 

    Cell Properties flyout    

 

 

         
      

 

 

   Let's look at what happens when we merge Cells.

    

                                           Here is a basic Table with 9 cells.  We'll use this Table to illustrate merging Cells

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

  

   1.  Do a right click inside Cell 1a, 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.

          

 

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 right clicked in Cell 2d. 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 Form or a Table 

         that requires written information or comments from visitors.

 

 

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

 

 

 

            

 

   Let's look at what happens when Splitting Cells.

 

                                                         

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

1a.                

2.e                  

3i.                       

1b. 2f. 3j.
1c. 2g. 3k.

  

 

    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.  See explanations below.

 

 

 

 

 

 

 

 

 

 

 

 

1a. 

 

Cell 1a was split vertically, and has created 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 Cell 3gg.

 

Cell 3g has been divided

at the "y" axis.

                                             

3gg. 

1aa.

1b. 

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

 

 

 

         
 

 

   Other Cell Editing Options:

 

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

    can change any of the existing Cell's properties. 

                                                     

    Colors: 

     

   1.   To add a Background Color to a Cell, make a right click in it to get to Page Details.   Click on Cell and then at the flyout, click Cell

          Properties.   Enter a Hex Color Code in the text bar, or you can click on the square to see the Color Palette, seen below.  Then, just

          click on the color of your choice.  The color will instantly appear in the selected Cell.

 

    2.   To add color to an entire Row, follow the same procedure as adding color to a Cell, but you will need to repeat the process for each

          Cell that's in the Row. 

 

 

      • If the added color doesn't suit your needs, follow the directions again in # 1.  Click on the square to bring up the first color palette.  Now, select None to delete your color choice, or click on a different color.

 

      • If you want your Cell to show whatever is in the background of the page it is placed on, select Transparent.

 

      • If the first palette doesn't offer the color you want, click on More Colors... located at the bottom of the first color palette.  A more extensive color palette will come up, seen to the right.  As you move your cursor across this palette, the color code will appear in the Custom Color bar.  Click OK to select the color.  Or you can enter a Hex Color code in the Custom Color bar.

 

   Layout:

 

      • You can choose to change the Width and Height of a particular Cell by entering in the number of pixels needed.  Or you can choose to change it's size by entering a percentage of the entire Table's width.

 

   Text Alignment:

 

      • Whatever Content is placed inside the Cell, you can fix it to appear horizontally to the Left, Right, or Center.

 

      • Whatever Content is placed inside the Cell, you can also, adjust it to appear vertically at the Top, the Middle, or at the Bottom. 

 

Note: 

 To fix the Content to a specific position other than the three choices offered, select "Top" as your

 Text Alignment, and then use your "Enter" key to bring the Content down to where you want it placed.

 

   Preview:

 

      • Before you leave the Common Properties window, you can evaluate the appearance of your Cell by looking at the Preview box located in the upper right corner of the window.

 

 

     

    

 

   Styles:

 

 

 1.   Now, you're ready to go to the Cell Properties' Styles tab.

 

      • If you click OK you will return to your working page without going to the Styles tab. 

 

      • If you've clicked OK by mistake, don't worry.  Just do a right click in the Cell to get to Page Details and select Cells. Choose Cell Properties from the flyout.  Then, select the Styles tab. 

 

      • When you are finished at the Style window, click OK and it will save all your choices on both the Common Properties  and the Styles tabs.

 

  

 

 

 

 

 

 

   Borders:

 

   1.   If you'd like a particular Cell to have a Border color, enter the width of each Border in pixels.  Then select the color by entering the

         Hex Color code, or by clicking on the square next to Border color to bring up the Color Palette.

 

 

   Background Image:

 

   2.   If you would like to have a Background Image inserted into a particular Cell, or you want to change an existing image to another

          image, click Select that is located in the middle of the "Styles" window.  You will go to the Library where you can select a new image

         or select a different image.

 

            • To see more about searching for images, see the page The Library,  or click here.

 

  3.   Choose your Background Image, and click the "Select" button at the bottom of the Library page which will bring you back

          to the Styles tab.

 

            • Now, you will see two more options next to Select which are Preview and None.
            • To preview your background, click on Preview.
            • Click None  to cancel your selected image.

 

 

 

 

 

   4.   Choosing to place a Background Image in a Cell requires you to decide if, and how you want your Background image to repeat. 

          (The Repeat options offered at the right may not be discernible, depending on the size of your chosen Cell.) 

 

        Background Repeat dropdown offers these 4 choices:

 

          • Repeat means the background will repeat across the Cell evenly.
          • Repeat-x means the image will repeat horizontally. 
          • Repeat-y means the image will repeat vertically.
          • No-repeat means the image will be fixed in one area only.

 

       Repeat

 

 

  5.   The Background Position dropdown is to the right.   Webtreepro

         automatically starts the Background Image at the upper left corner of the Cell, 

         (the default) but you can choose these other options.

   

         Position

 

   6.   Click OK   to save the Background Image to your Cell.  The choices you made in both the Common Properties

         and the Styles tab will be saved at the same time.

 

      • Or click Cancel   to exit without saving.
        •  
      • If you have a Background Image in a Cell, and you want to remove it completely, click None.

 

                                                                                                                                                                                     

                                                                         

 

 

      

    7.   Depending on the size of your Cell, you may or may not see the entire Background Image, as seen in the example below. 

          The top right Cell shows the Background Image.  The flower to the right is the original.

 

 

 

 

      • Other Background Images can be used also, such as graphic patterns, or color shadings, as seen below.  There are many online sites which offer free Background Images, such as these. Or you can ask us to supply a certain graphic by contacting us.  Use the Need Help? link located at the bottom of this page.

 

 

      • Be sure to visit the page, Tables-Callout Boxes to get other ideas on how to have more fun with colors, images, and borders.  Click here to go to that page.