Header Background Properties (Tables)
To help you visualize how you can modify properties, think of the header rows of a table as sitting on a layer above the background of a table. By modifying the color of the header rows, you are applying an opaque color over the color of the background header row to get the desired results. For example, if you cannot make the header row transparent, make sure the background property is properly set for all the different layers in the table.
Color
Specifies the background color for a table header. Select a color from the list or type the RGB value of the color, such as
FFFFFF. RGB value refers to the web standard hexadecimal notation for Red, Green, and Blue color values. RGB values can range from the lowest RGB value of 0 (hex #00) to the highest value of 255 (hex #FF). For example, the RGB hexidecimal notation for black is 000000 and white is FFFFFF.Image (Background Image Area)
Specifies the background image for table header rows. This field lists only the image files located in the
Files folder of your project. If this field does not list the background image you want, press F12 and verify the image is in the Files folder for your project. Once you copy the image into the Files folder, ePublisher displays it in the field list.ePublisher Designer automatically transforms your source document images during project generation to an optimized version for online distribution. However, you can manually modify your project image settings through the Graphic Styles properties in Style Designer. In Graphic Styles, you can specify the following image settings: border styles and colors; width, height, and positioning; surrounding space (padding); maximum width or height; size, resolution, and color bit depth; file format and quality level; and transparency or grayscale appearance.
Tiling (Background Image Area)
Specifies whether the background image repeats in table header rows. The table must be larger than the background image to see the image repeated in the header. The background image size also determines if an image repeat shows when set horizontally or vertically. The values for this setting are defined as follows:
Value | Description |
|---|---|
No repeat | Specifies that the background image does not repeat. |
Repeat | Specifies that the background image repeats. |
Repeat horizontally | Specifies that the background image repeats horizontally. |
Repeat vertically | Specifies that the background image repeats vertically. |
Scrolling (Background Image Area)
Specifies whether the specified image remains in one fixed location as the user scrolls through content. The values for this setting are defined as follows:
Value | Description |
|---|---|
Scroll | Scrolls the background image as the user scrolls through content. |
Fixed | Keeps the background image in a fixed location as the user scrolls through content. |
Horizontal (Background Image Area)
Specifies the horizontal position for the background image in your table header row. The values for this setting are defined as follows:
Value | Description |
|---|---|
Custom | The background image aligns in the table header based on the custom value entered and the unit of measure selected. Units of measure you can select include: percentage (%) of the line height, centimeters (cm), em unit (em), x-height (ex), inches (in), millimeters (mm), pica (pc), point sizes (pt), and pixels (px). For example, if you enter a value of 20 and select the percentage (%) unit of measure, the top left corner is considered 0 percent and the bottom right corner is 100 percent. So, ePublisher aligns the background image in a 20% value of the line-width. |
Left | The left side of the background image aligns with the leftmost side of the table header. |
Center | The center of the background image aligns with the center of the table header. |
Right | The right side of the background image aligns with the right of the table header. |
Vertical (Background Image Area)
Specifies the vertical position of the background image in your table header row. The values for this setting are defined as follows:
Value | Description |
|---|---|
Custom | The background image aligns in the table header based on the custom value entered and the unit of measure selected. Units of measure you can select include: percentage (%) of the line height, centimeters (cm), em units (em), x-height (ex), inches (in), millimeters (mm), picas (pc), point sizes (pt), and pixels (px). For example, if you enter a value of 20 and select the percentage (%) unit of measure, the top left corner is considered 0 percent and the bottom right corner is 100 percent. So, ePublisher aligns the background image in a 20% value of the line-height. |
Top | The top of the background image aligns with the top of the tallest element in the table header. |
Center | The center of the background image aligns with the middle of the parent element in the table header. |
Bottom | The bottom of the background image aligns with the lowest element on the table header. |
Context
Specifies whether to use alternate rows or columns in a table header. Alternate shading of rows or columns is a useful layout to help minimize the number of lines and amount of information displayed, while organizing the data in a way that users can easily read and understand.
Default period
Specifies the number of rows or columns that use the default color in the table header row. You must first set the default table header row color in the Color field of the Header background properties. Specify a minimum value of 1. If you specify a value of 0, ePublisher does not use alternate rows or columns and displays entire table header row in the default color.
Alternate period
Specifies how many consecutive table header rows or columns will use the alternate color. Set this value to a value greater than 0.
Alternate Color
Specifies the alternate color for the table header row. Select a color from the list or type the RGB value of the color, such as
FFFFFF. RGB value refers to the web standard hexadecimal notation for Red, Green, and Blue color values. RGB values can range from the lowest RGB value of 0 (hex #00) to the highest value of 255 (hex #FF). For example, the RGB hexidecimal notation for black is 000000 and white is FFFFFF.Image (Alternate Info/Background Image Area)
Specifies the alternate background image you want to use for your table header row. This field lists only the image files located in the
Files folder of your project. If this field does not list the background image you want, press F12 and verify the image is in the Files folder for your project. Once you copy the image into the Files folder, ePublisher displays it in the field list.ePublisher Designer automatically transforms your source document images during project generation to an optimized version for online distribution. However, you can manually modify your project image settings through the Graphic Styles properties in Style Designer. In Graphic Styles, you can specify the following image settings: border styles and colors; width, height, and positioning; surrounding space (padding); maximum width or height; size, resolution, and color bit depth; file format and quality level; and transparency or grayscale appearance.
Tiling (Alternate Info/Background Image Area)
Specifies whether to repeat the alternate background image in table header rows. The table must be larger than the background image to see the image repeated in the header. The background image size also determines if an image repeat shows when set horizontally or vertically. The values for this setting are defined as follows:
Value | Description |
|---|---|
No repeat | Specifies that the background image does not repeat. |
Repeat | Specifies that the background image repeats. |
Repeat horizontally | Specifies that the background image repeats horizontally. |
Repeat vertically | Specifies that the background image repeats vertically. |
Scrolling (Alternate Info/Background Image Area)
Specifies whether the specified image remains in one fixed location as the user scrolls through content. The values for this setting are defined as follows:
Value | Description |
|---|---|
Scroll | Scrolls the background image as the user scrolls through content. |
Fixed | Keeps the background image in a fixed location as the user scrolls through content. |
Horizontal (Alternate Info/Background Image Area)
Specifies the horizontal position of the alternate background image in table header rows. The values for this setting are defined as follows:
Value | Description |
|---|---|
Custom | The alternate background image aligns in the table header based on the custom value entered and the unit of measure selected. Units of measure you can select include: percentage (%) of the line height, centimeters (cm), em unit (em), x-height (ex), inches (in), millimeters (mm), pica (pc), point sizes (pt), and pixels (px). For example, if you enter a value of 20 and select the percentage (%) unit of measure, the top left corner is considered 0 percent and the bottom right corner is 100 percent. So, ePublisher aligns the background image in a 20% value of the line-width. |
Left | The left side of the alternate background image aligns with the leftmost side of the table header. |
Center | The center of the alternate background image aligns with the center of the table header. |
Right | The right side of the alternate background image aligns with the right of the table header. |
Vertical (Alternate Info/Background Image Area)
Specifies the vertical position of the alternate background image in table header rows. The values for this setting are defined as follows:
Value | Description |
|---|---|
Custom | The alternate background image aligns in the table header based on the custom value entered and the unit of measure selected. Units of measure you can select include: percentage (%) of the line height, centimeters (cm), em units (em), x-height (ex), inches (in), millimeters (mm), picas (pc), point sizes (pt), and pixels (px). For example, if you enter a value of 20 and select the percentage (%) unit of measure, the top left corner is considered 0 percent and the bottom right corner is 100 percent. So, ePublisher aligns the background image in a 20% value of the line-height. |
Top | The top of the alternate background image aligns with the top of the tallest element in the table header. |
Center | The center of the alternate background image aligns with the middle of the parent element in the table header. |
Bottom | The bottom of the alternate background image aligns with the lowest element on the table header. |
Was this helpful?
Last modified date: 11/13/2024