2022.1

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190.
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189.
In HTML, boxes are <div> elements. Spans are <span> elements. To learn how to change the
attributes of elements, see "Attributes" on page189.
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/).
This topic explains how to create and edit a business graphic using a Wizard, without scripting.
The wizard helps you to select data and it shows a preview of both the chart and the supplied
data.
Connect supports the majority of features of the amCharts library (version: 3.21.12), whether or
not they are directly available in the Chart wizard or via the Chart Properties dialog. As a rule,
configuration options that aren't available as an option in a dialog can be set manually on the
Source tab of the Chart Properties dialog.
Instead of using a Wizard, you could insert a business graphic manually by turning a standard
<div> element into a chart object using scripting.
There is a How-to that guides you through that process and gives a better understanding of the
underlying configuration: Programmatically configure a Chart object.
For another example see this How-to: Put one slice per detail record in a Pie Chart.
Note
As of PrintShop Mail Connectversion 2018.1, the way charts can be compiled and
presented has been greatly improved. As a consequence, charts made with a version of
Connect prior to 2018.1 may not be converted correctly when opened in a later version.
Page 256