Designing Stationery » Style Designer Reference » Body Background Properties (Tables)
Body Background Properties (Tables)
Body Background properties let you specify a background color for table body rows, set the background as transparent, or specify an image to use in the background of body rows. Indicate alternative colors or background images to alternate the appearance of rows or columns in a table.
To understand how ePublisher modifies table properties, visualize the body rows of a table as sitting on a layer above the table background. When you modify the background color of the body rows, you actually apply an opaque color over the color of the entire table background color. To get the desired results, you may need to alter other body row elements, such as paragraphs. For example, if you cannot make the body row transparent, make sure you correctly set the background property for all the different Table Styles properties.
Color 
Specifies the background color of table body rows. Select a color from the list or type the RGB value of the background 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 body 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 Pro 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.
NOTE TO REVIEWERS: The field names in this section are very confusing given there are two Background Image areas. It isn’t that easy when you’re scrolling down to see that one belongs to the Alternate image section really. Might suggest usability come up with some way to more clearly show a distinction between the regular background image and the alternate background image field
Tiling (Background Image Area) 
Specifies whether the background image repeats in table body rows. The body rows must be larger than the background image to see the image repeated in the background of the body rows. 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 of the background image for table body rows. The values for this setting are defined as follows:
 
Value
Description
Custom
The background image aligns in the table row 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. NOTE TO WRITERS: Is this correct for the horizontal? Also, please verify the units of measure are correct with content experts
Left
The left side of the background image aligns with the leftmost side of the table row.
Center
The center of the background image aligns with the center of the table row.
Right
The right side of the background image aligns with the right of the table row.
Vertical (Background Image Area) 
Specifies the vertical position of the background image of table body rows. The values for this setting are defined as follows:
 
Value
Description
Custom
The background image aligns on the table row 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-height.
Top
The top of the background image aligns with the top of the tallest element on the table row.
Center
The center of the background image aligns with the middle of the parent element bottom on the table row.
Bottom
The bottom of the background image aligns with the lowest element on the table row.
Context 
Specifies whether to use alternate colors or images for alternating rows or columns of a table.
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 body row. You must first set the default body row color in the Color field of the Body Background properties for the table style. Specify a minimum value of 1. If you specify a value of 0, ePublisher does not use alternate rows or columns and displays entire body row in the default color.
Alternate period 
Specifies how many consecutive rows or columns use the alternate color or image. Specify a value greater than 0. For example, if you set Alternate period to 2, after the first two rows of a table, the next two rows would use the alternate color or image. Then, there would be two plain rows, followed by two more using the alternate color or image, and so on.
Alternate Color 
Specifies the color to use as the alternate color. Select a color from the list or type the RGB value for the alternative color, such as 000000. 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 for table body 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 Pro 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 body rows. The table must be larger than the alternate background image to see the image repeated in alternate table body rows. The alternate 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 alternate background 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 for the alternate background image in table body rows. The values for this setting are defined as follows:
 
Value
Description
Custom
The alternate background image aligns in the table row 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. NOTE TO REVIEWERS: Is this correct for the horizontal? Also, please verify the units of measure are correct.
Left
The left side of the alternate background image aligns with the leftmost side of the table row.
Center
The center of the alternate background image aligns with the center of the table row.
Right
The right side of the alternate background image aligns with the right of the table row.
Vertical (Alternate Info, Background Image Area) 
Specifies the vertical position for the alternate background image in table body rows. The values for this setting are defined as follows:
 
Value
Description
Custom
The alternate background image aligns on the table row 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 on the table row.
Center
The center of the alternate background image aligns with the middle of the parent element on the table row.
Bottom
The bottom of the alternate background image aligns with the lowest element on the table row.
Was this helpful?
Last modified date: 11/30/2021