2018.1

style's selector; see "Using the Text Script Wizard" on page290 and "Styling and formatting"
on page238.
Div
The Div is the element used to create both Positioned Boxes and Inline Boxes. By default, a
Div element reacts pretty much like a paragraph (<p>) or an inline box set to 'no float' except
that it can be resized directly. Just like Positioned Boxes and Inline Boxes, Div elements can be
styled using the Format > Box menu item, through the CTRL+M keyboard shortcut or through
the CSS files; see "Styling and formatting" on page238 and "Styling templates with CSS files"
on page239.
Adding a Div element
To add a Div, select Insert > Structural Elements > Div on the menu. For an explanation of
the options, see "Inserting an element" on page165.
HTML tag: div, span
When you add elements, such as text, images or a table, to the content of a template, you are
actually constructing an HTML file. It is possible to edit the source of the HTML file directly in
the Designer; see "Editing HTML" on page164.
In HTML, boxes are <div> elements. Spans are <span> elements. To learn how to change the
attributes of elements, see "Attributes" on page165.
Business graphics
Business graphics are a great way to visualize data in your documents. Connect Designer lets
you create three types of grapics:Bar Charts, Line Charts and Pie Charts. The charts are
generated by the integrated amCharts library (https://www.amcharts.com/javascript-charts/).
As of PrintShop Mail Connectversion 2018.1, the way charts can be compiled and presented
has been greatly improved:
l The Chart script wizards have been simplified and redesigned for more intuitive data
selection. The wizards now show a preview of both the chart and the supplied data.
l Connect supports the majority of features of the amCharts library, whether or not they are
directly available in the Chart wizard or via the Chart Properties dialog. As a rule,
Page 214