HTML Templates

Most customers won't need this feature since a UI was released in Version 1.0, which enables the user to easily create a basic template. For those customers who wish to add more complex features to their templates, this feature will come in handy.

To enable the HTML functionality, select the "Edit Mode" checkbox in the "Options" menu.

You can use inline CSS and the "data-oo-*"- attributes to style your template.

See examples below:

Examples

<table data-oo-style="OOE-Table-Style-TitleBar">
    <tr>
        <td data-oo-background="#C00000" >
            <p data-oo-style="OOE-Style-TitleBar">OneOffixx Exporter Version __Version__</p>
        </td>
    </tr>
</table>
CODE

Data-oo-* -attributes

Table:

Style Attribute

Definition

Options

data-oo-style (table)

table style

  • OOE-Table-Style-TitleBar

  • OOE-Table-Style-StartPage

  • OOE-Table-Style-Default (default)

data-oo-background

background color

  • any kind of css colors in HEX, or plaintext (red, green, ...)

data-oo-table-width

width of table

  • any number (int) in percent or cm


data-oo-table-columns

width of a column of a table

  • any number (int) in percent or cm

Text:

Style Attribute

Definition

Options

data-oo-style (text)

text style

  • OOE-Style-TitleBar

  • OOE-Style-Code

  • OOE-Style-Normal-Text (default)

data-oo-foreground

text color

  • any kind of css colors in HEX, or plaintext (red, green, ...)

Images:

Style Attribute

Definition

Options

data-oo-image-height

defines height of image (width will be calculated automatically)

  • any number (int)

data-oo-image-sizeunit

size unit which will be used for height/width attribute

  • px

  • cm

  • mm

data-oo-image-width

defines width of image (height will be calculated automatically)

  • any number (int)