All Collections
Features
Document Designer
Document Designer
Use SmartSuite Record Data to Generate Customized PDF Documents
Peter Novosel avatar
Written by Peter Novosel
Updated over a week ago

Go to section:



Learn how to create an invoice using the Document Designer here!


SmartSuite is committed to creating features that reduce the amount of work necessary to accomplish routine tasks. Creating documents is something that is an important part of many workflows, from producing quotes and estimates to generating proposals or invoices. The Document Designer helps you automate these tasks, allowing you to create document templates that are automatically filled with information from your SmartSuite records.

Document Designer allows you to to combine visual elements like lines, boxes and static text with fields from your SmartSuite records that place those data elements on the page.

NOTE: Document Designer is currently in ALPHA release. We suggest that you use it with test data only and not as part of a business-critical workflow at this time. We're working hard to further refine it and will keep the community updated on its progress.

What Can I Use Document Designer For?

Document Designer can be used to create, manage, and track sales and marketing proposals, contracts, quotes, and other important documents. You can use it to streamline your document workflow and eliminate manual processes, such as manual data entry, document approval, and PDF generation. With its drag-and-drop editor, you can easily create documents in minutes.

You can integrate Document Designer into your CRM, accounting, and other business workflows to automate your sales and document management processes.

Here are a few ideas to put all this power to work:

  • Create sales proposals from opportunity records

  • Generate an invoice from order data

  • Produce a project status report automatically from project status information

  • Create contract templates that insert client information directly into the document

Accessing Document Designer

To create a document template, simply click on the App dropdown arrow (for the App you wish the template to be created in) and select "Document Designer."

Selecting + Create New will open up a new Document for you to create as a template.


Creating Document Templates

Once you have created a new Template, you can add Elements and Fields to the document canvas. You can also click on the "New Document" text at the top to change the name of the Template.

Remember to click the Save Design button at the bottom to save your Template and its configuration!

Elements

The Document Designer includes a number of page elements that can be placed and arranged in your documents. They include:

  • Line. Draws a line on the page.

  • Rectangle. Places a rectangle on the page.

  • Circle. Places a circular shape on the page.

  • Text. Allows you to place static text blocks on the page.

Fields

In addition to page elements, Document Designer allows you to drop fields from the current App onto the page canvas. Click the field name to add it to the designer canvas.

Once on the canvas, you can drag the field into the location you would like for it to display,

Field Properties

When you click on a field that has been added to the document canvas, the following properties will display in the left panel:

  • Width: Width of the field display in pixels.

  • Height: Height of the field display in pixels.

  • Rotation: Rotation of the field in degrees.

  • Font: Name of the font (ALPHA note: we do not have the font selector implemented yet, but you can type the name of a Google font to specify it - the font defaults to Helvetica).

  • Font Size: Font size in pixels.

  • Weight: Normal or Bold.

  • Line Height: Tight, Normal or Wide (ALPHA note: this value is currently displayed as 1.2, 1.4 and 1.6, respectively)

  • Horizontal Align: Left, Center or Right.

  • Position: Absolute or Relative. When set to relative, the field will move vertically down on the page relative to Absolute elements that are above it (allowing for Linked Records to expand, for example)

  • Text Color: Select from 80 preset colors or specify a custom color (ALPHA note: custom colors are not yet saved)

Additionally, you can Duplicate or Delete the field with the buttons at the bottom. The dialog looks like this:

Supported Fields

The following fields can be added to the Document Designer template:

  • Address

  • Assign To

  • Auto Number

  • Comments Count

  • Count

  • Currency

  • Date

  • Date Range

  • Due Date

  • Duration

  • Email

  • Files & Images (ALPHA note: only certain image types will display)

  • Email

  • Due Date

  • Formula

  • Full Name

  • IP Address

  • Linked Record

  • Link

  • Lookup

  • Number

  • Number Slider

  • Progress Bar

  • Percent

  • Phone

  • Rating

  • Record Id

  • Rollup

  • Single Select

  • Social Network

  • Status

  • Tag

  • Text Area

  • Text

  • Time

  • Time Tracking Log

  • Vote

  • Yes / No

Unsupported Fields

The following field types are currently unsupported:

  • Button

  • Checklist

  • Color Picker

  • Multiple Select

  • Signature

  • Sub-Items

Settings

The settings option allows you to specify the size and orientation of the page you'll be generating with the document template.

You can set the following values:

Paper Size

  • Letter (8.5" x 11")

  • Legal (8.5” x 14”)

  • Tabloid (11” x 17”)

  • Statement (5.5” x 8.5”)

  • Executive (7.25” x 10.5”)

  • Folio (8.5” x 13”)

  • A3 (297mm x 420mm)

  • A4 (210mm x 297mm)

  • A5 (148mm x 210mm)

  • B4 (250mm x 353mm)

  • B5 (176mm x 250mm)

  • Index Card (545px x 327px)

  • Business Card (381px x 218px)

Page Orientation

  • Portrait

  • Landscape


Generating PDFs

Once you have completed your template, it's time to generate a document! Open up a saved template. You will notice the following icons in the header bar:

These icons provide you with the ability to navigate through your App's records, preview the document, and export or print the Template.

  • Navigation Arrows: Click the forward or backward arrows to change between the records in your App. You will see the Template populated with each record's field values. (ALPHA note: We'll be enhancing this capability in the future, as well as letting you access Templates from individual records or automations)

  • Preview: Switches to preview mode, where you will see the document without the grid background.

  • Export: Exports the current Template and record data to PDF.

  • Print: Invokes the print dialog, allowing you to print the Template and current Record's field values.


Related Articles

Did this answer your question?