Table Properties
Once you have created a table you can change it and tailor it to your requirements. In the Insert/Modify table properties dialog box you will work with properties that affects the entire table such as the size of the table and its position on the page. The Insert/Modify table dialog box has two tabs, theGeneral tab and the Advanced tab. When you have done your changes to the table, click Update to save the changes.
General Tab
The General tab contains the following boxes:
- Cols/Rows. Set the number of columns and rows in the Cols and Rows fields.
- Cell padding. Defines the space in pixels between the text in the cell and the cell borders. This is only necessary if you do not use a CSS class for table formatting.
- Cell spacing. Defines the space in pixels between the cells in the table. This is only necessary if you do not use a CSS class for table formatting.
- Alignment. Defines the position of the table, in case the table width does not require the entire space available. Enter "Center", "Left" or "Right".
- Border. Set the weight of the table border in pixels. Use this option if you want a table border and are not using CSS classes to format your table. Default value is zero.
- Width. Set a fixed width for the table in pixels. If you do not specify a value here, the width of the table will adapt to the content using the full available space.
- Height. Set a fixed height for the table in pixels. Most often the height of the table is controlled by the content, allowing the table to expand downwards.
- Class. Specify a preset formatting to use for the table. Choose an appropriate CSS class from the drop-down list. This is the easiest option, since this will ensure that the tables will have a uniform appearance on the website. However, this requires that you have predefined CSS classes in the CSS files of the site. Check with your system administrator to find out what applies for your website.
- Table caption. Here you can insert a table caption space for the table. The table caption allows you to enter a table heading above the table.
Advanced Tab
The Advanced tab contains the following boxes:
- ID. The ID number for the table, for accessibility purposes.
- Summary. Description of the content of the table, for accessibility purposes when the table is being interpreted by accessibility tools. The summary is not displayed in graphical browsers, so information put here should be written for non-visual users.
- Style. In this field you can view the current settings for the table. This option can be used to set style attributes, overriding values specified in CSS classes. Normally you should use CSS classes, but if you want to apply a special style settings only used on this element, you can use this option.
- Language code. Define a language here if the content of the table is in a different language than the rest of the page. Enter the standard language code format, for example it (Italian), es (Spanish), en (English) etc.
- Background image. You can select a background image to be applied to the entire table. Click the Browse button to the right of the field to select an image in the File Manager. Click OK to add the image to the table.
- Frame. Specifies which parts of the outside borders that should be visible. Refer to accessibility programming standards for explanation of the attribute values.
- Rules. Specifies which parts of the inside borders that should be visible. Refer to accessibility programming standards for explanation of the attribute values.
- Language direction. Define the language direction for the table, if this is different for what applies to the page.
- Border color. You can define a border color for the table. You can select colors using the options Picker, Palette or Named, depending on your preferences. Click Apply to add the color selection to the table.
- Background color. You can define a background color for the table.
If you are using predefined CSS classes to format tables, rows or cells, be aware that additional formatting added "manually" on top of the predefined formatting, may be overridden and will not apply.
Last updated: 2011-03-25 | Copyright © EPiServer AB