2022.1

Configurations\Data folder to the Workspace\In folder. The same output should appear in the
same folders as before.
Project details
The invoice template
The invoice is designed in the PR_TRAN Invoice template. It contains one Print section (see
"Print sections" on page518) and one Master Page (see"Master Pages" on page537).
The Media (virtual stationery) is included in the output - it is printed on the page's background -
, according to a setting in the Output Creation Presets.
Styling is done via style sheets (see "Local formatting versus style sheets" on page785). The
style rules are in the context_print_styles.css file. Note how they combine the HTML tag, ID and
class of elements to select them. (See also: "Selectors in Connect" on page939.)
Scripts
Scripts personalize content. Most of the scipts in the Information folder (on the Scripts pane)
are made with the Text Script Wizard (see "Using the Text Script Wizard" on page849).
Tip
Hover over the name of a script in the Scripts pane to highlight parts of the template that
are affected by the script.
Text that should be replaced by data is not only surrounded by @ (e.g. @date@) but also
wrapped in a span (see "Span" on page733). Each span has an ID, or a class if the same text
occurs more than once, to use that as the selector of the script. The selector of the Invoice Total
script, for instance, is a class: .inv-total.
Wrapping elements in a box (see "Boxes" on page730) or in a semantic HTML element makes
it easier to target them in a script or in a style sheet. Place the cursor in the element or select
multiple elements. Then, on the menu, click Insert > Wrap in Box. You can now use the
wrapper element as a script's or style's selector; see "Using the Text Script Wizard" on
page849 and "Styling and formatting" on page785.
Page 167