Objective
This article outlines how to use the Columns Element in the Document Template Editor to organize your content in a clean, structured layout.
Key Steps
1. Adding the Columns Element
Open the Document Template Editor.
Locate the Columns element in the elements list.
Drag and drop the Columns element into your document template.
2. Editing the Columns Element
Click Edit on the Columns element to open its settings.
Adjust the padding (top, bottom, left, right) as needed.
Default padding: 5 pixels
3. Configuring the Container Title
Decide whether you want to show or hide the container title.
To hide it, select the option to remove the title.
4. Setting the Number of Columns
Choose how many columns you want in the layout.
⚠️ Note: This number cannot be changed later.For example, select 3 columns and click Apply.
5. Adding Elements to Columns
Clone the desired elements (e.g., images) you want to include in your columns.
Drag and drop each cloned element into the appropriate column.
Ensure elements fit properly within the designated column space.
6. Utilizing Additional Elements
Enhance your layout using:
Divider Element – to add a horizontal line and separate content sections.
Page Break Element – to control where page breaks occur when printing.
7. Finalizing the Layout
Review your layout to confirm all elements are properly placed.
Ensure the design looks balanced and visually appealing.
⚠️ Cautionary Notes
Once you set the number of columns, it cannot be changed. Choose carefully.
When dragging elements, make sure they are placed in the correct columns.
💡 Tips for Efficiency
Get comfortable with drag-and-drop actions to speed up template creation.
Apply consistent padding settings to maintain a clean, uniform design.