2019.1

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270 and "Styling templates with CSS files"
on page271.
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182.
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180.
In HTML, boxes are <div> elements. Spans are <span> elements. To learn how to change the
attributes of elements, see "Attributes" on page181.
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
Page 241