Set cell properties

The Cell Properties panel is displayed when the cursor is placed inside a table cell or when the <TD> tag is selected in the Tag Selector.

The Cell Properties panel has two views:

1. Simple view - it is the default one:
   
   
                     

2. Advanced view - it displays when you click the Advanced button in Simple view (the button then changes its label to Simple):
   
   

To configure this panel, follow the instructions below:

1. In the Element ID text box (displayed in Simple view) enter the value for the id attribute. It will uniquely identify the element (table cell) in page.

2. In the Width text box (displayed in Simple view) specify the width of the table cell where the cursor is placed (it will become the width of that respective table column). The width can be given in either number of pixels or percentage of the whole table's width.
   If you enter the width in pixels and the value is greater than 1000, a pop-up window will display an error message: "The value must be lower than 1000." It's recommended that you enter the value as percents.

3. In the Height text box (displayed in Simple view) specify the height of the table cell where the cursor is placed (it will become the height of that respective table row). The height can be given in either number of pixels or percentage of the whole table's height.
   If you enter the height in pixels and the value is greater than 1000, a pop-up window will display an error message: "The value must be lower than 1000." It's recommended that you enter the value as percents. Usually though, the height is not set because it increases anyway as you type text in the table cell.

4. The H Align drop-down menu (displayed in Simple view) contains the options for the horizontal alignment of the cell's content:

• Default

• Left

• Right

• Center

5. The V Align drop-down menu (displayed in Simple view) contains the options for the vertical alignment of the cell's content:

• Default

• Top

• Bottom

• Baseline

• Middle

6. Check the No Wrap option (displayed in Simple view) if you want the text inserted in the current cell to be displayed as a single line (if there are more paragraphs, each of them on a line). This could enlarge the cell. If the option is not checked, then the entered text passes on to the next line when it reaches the cell width limit.

7. If the Header option (displayed in Simple view) is checked, the content from the current cell will be formatted as bold and centered (header style).

8. By clicking the Advanced button (displayed in Simple view), the Cell Properties panel will switch to Advanced view. You will be offered the possibility of setting advanced options for the currently selected table cell.

9. With the Bg text box (displayed in Advanced view) you can set the desired background image for the selected cell (where the cursor is placed). You can either enter the full path (URL) to the image previously uploaded on the remote server or you can click the Browse for Image button to select an image from the server.
   
   
                      
   Note: It is your task to make sure the table cell and the image have the right dimensions, as automatic resizing of the image to the cell's dimensions will not take place.

10. With the Bg Color text box (displayed in Advanced view) you can set the desired background color for the selected cell (where the cursor is placed). You can enter the hexadecimal code of the color in the text box or you can click the Color Picker button:
    
    
                 

11. With the Brdr Color text box (displayed in Advanced view) you can set the desired border color of the selected cell (where the cursor is placed). You can enter the hexadecimal code of the color in the text box or you can click the Color Picker button:
    
    
                                    

12. By clicking the Simple button (displayed in Advanced view), the Cell Properties panel will switch to Simple view. You will be offered the possibility of setting various options for the currently selected table cell.