1.7

Source Tab
The source tab displays the HTML source for the template, including HTML Headers, CSS and
HTML code. The source is displayed in a color-coded text editor, to quickly visualize the code.
In this tab changes and adjustments can be made to the code.
To the left of the Source tab, a bar helps visually identify the start and stop of an element. For
example when clicking on the opening <table> element, this bar marks the whole <table> and
all its contents, until the ending </table> tag.
Pretty print options
In the Source view the HTML source of the template is "pretty printed" (that is: formatted, adding
new lines and indentation) to make it more readable.
When this is undesirable, the Source view formatting can be turned off for (parts of) a section by
adding <!-- format:off --> in Source view, at the beginning of the text or in between two
HTML elements. From that point on, pretty printing will be disabled for that section. Use <!--
format:smart --> or <!-- format:auto --> to turn the formatting back on.
These are all format options:
l <!-- format:off --> turns the formatting off.
l <!-- format:smart --> or <!-- format:auto --> turns the formatting back on.
l <!-- format:collapse --> forces the following HTML elements to be collapsed.
l <!-- format:expand --> forces the following HTML elements to be expanded.
Example
This example shows how to turn pretty printing off for one specific HTML element: a Div
element.
<p>In a "pretty printed" paragraph
<br>text is indented automatically on the Source tab.
</p>
<!-- format:off --><div anchor="page_media_0" style="font-family:
Lucida Console,monospace; line-height: 1.2; white-space: pre-wrap;
position: absolute; overflow: hidden; -moz-box-sizing: border-box;
width: 675px; height: 68px; top: 209.967px; left: 65.4px;" offset-
x="103.19999694824219" offset-y="247.76666259765625">@Header1@
</div><!-- format:auto-->
Page 691