Skip to main content

Add a component to a Doc Designer template

Drag text, logos, images, data fields and grids onto your template, then position and resize them.

Written by Heather Worthington

Components are the building blocks of a template, such as your logo, a line of text or a detail from the transaction. You drag them from the Toolbox tab onto your layout, then move and resize them. Classic and Formal templates can't be edited, so you'll need to create an editable copy first.


Add a component

  1. From the main menu, click Settings, then click Doc Designer.

  2. Click the transaction type you want to edit, for example Purchase Orders.

  3. In the Document tab, use the Template Name drop-down menu to select the template you want to edit.

  4. Click the Toolbox tab.

  5. Find the section that contains the component you want, then drag the component onto the template layout, placing it in your desired location.

Drag and drop components from the Toolbox onto your Doc Designer template.

📌Note: The components you can add depend on the transaction type. You can't add a component from one transaction type's template to another if it isn't already in that Toolbox. To find a component, see Doc Designer Toolbox components.


Move and resize components

  • Select a component in the layout, then drag it to a new position.

  • Highlight several components to move them together as a group.

  • Drag the corners of a component to resize it.

Select a component on your template to adjust its size and location.

🤓Tip: To change a component's font, colour or borders, see Format a component in Doc Designer.


Delete a component

To remove a component from your template:

  1. From the main menu, click Settings, then click Doc Designer.

  2. Click the transaction type you want to edit, for example Purchase Orders.

  3. In the Document tab, use the Template Name drop-down menu to select the template you want to edit.

  4. Select the component you want to remove on the template layout.

  5. Click the Component tab.

  6. Click Delete Component.

  7. Click Save Now, then Publish.

Did this answer your question?