Document Management

Product Feature Guide

Table Of Contents

Document Template Management Main Page & List

Edit Or Delete Your Document Template

Creating a Document Template

Template Editor

Document Details Management

Overview

Indexing Document Templates

Advanced Rules

Template Editor Functionalities

Preview Section & Functionality

Saving Document Templates

‘Publish’ Button and Drop Down Menu

Working With Document Templates and Viewing Final Version

Creating Templates from Existing Documents

Creating a Document Using HTML Code

Code From An Alternative Source

Code Within The FundMore AI Platform

Templating with Handlebars

Introduction

Starting From The Data

Application Data

Handlebars as a Templating Language

What is a Helper?

Formatting Helpers

Mathematical Helpers

Conditional and Iterative Helpers

Escaping

Templating with HTML

Introduction

Finding Your Spot In Source Code Easily

Components of HTML

Troubleshooting

Document Template Management Main Page & List 

This section allows clients to manage their document templates and is ideally managed by a user with a technical background. To find the ‘Documents Management’ feature, first navigate to the Manager Portal. In the left hand sidebar, select the ‘Document Templates’ header.

You will automatically be directed to the ‘Document Templates’ list where you are able to see all of the document templates created in your AI instance. 

Edit Or Delete Your Document Template 

To edit a document template, select the inline ellipsis to the right of the ‘Updated On’ date for the given document template. This ellipsis will provide you with the option to edit or delete a given document template. 


Creating a Document Template

To create a new document template, complete the following steps: 

  1. Select the green plus button to the right of the search box to open the ‘Add New Document Template’ drop down menu.

  2. In the drop down menu, you will set up your document. These settings can be changed later on in the Template Editor. 

    1. Select an existing document template to use as a starting point or skip this selection to start a blank template.
    2. Give the document an index number. The document package that is sent out to the POS systems through the conditional approval process is ordered from smallest to largest index number.
    3. Name your document template.
    4. Select a category from the drop down selection or create a new one by typing within the ‘Category’ field.
    5. Select the language the document will be written in.
    6. Select the header and footer that will be appended to the document upon downloading or sending generated copies of the document.

Please note that page size and margin settings apply to all documents in your environment. These settings can be adjusted in the backend, for example: we can change the templates from letter page size to legal page size. But they will apply to all documents. 

Template Editor

The document template editor can be utilized for creating document templates, making changes to existing document templates, creating multiple versions of document templates, and troubleshooting document generation issues.

Document Details Management

Select the cog beside the ‘Document Name’ field to open the ‘Document Management Details’ pop-up; any changes made in this pop-up will save automatically. 

 

Overview

In the ‘Overview’ section, you can manage the settings chosen when the document template was created, including the document template’s name, index, category, language, headers, and footers. 

Indexing Document Templates

The ‘Index’ field is a numeric field that allows the user to assign an order to a specific document within their commitment package. Any documents with index numbers specified will be received by POS systems in their assigned order, followed by any remaining documents selected for generation. To include a document in your standard commitment package, see the details below concerning our ‘Advanced Rules’ section. 

Advanced Rules

To the right of the ‘Overview’ section is the ‘Advanced Rules’ section. This section allows you to select different parties that a given document can be addressed to.

The table below describes the purpose of each selection in the ‘Advanced Rules’ section.

 

Advanced Rule

Description

Commitment Package

Checking off this box will include this document in the commitment package that can be sent back to a POS system. 

Lawyer Selection

Checking off this box will allow the user to choose which lawyer within the Stakeholder Details widget to feature in the appropriate fields of a given document.

Allow Multiple Lawyers

Checking off this box will allow the user to select multiple lawyers to each have their own version of a given document.

Property Selection 

Checking off this box will allow the user to select from the properties on a given application in order to feature that specific property on a given document.

Stakeholder Selection

Checking off this box will allow the user to select from the different stakeholders on a given application to feature their data on a given document.

Note: Lawyer, Multiple Lawyers, Property all can be selected at the same time, but only one of the following can be selected at a time: Customer, Company, Co-Borrower, and Guarantor.

Template Editor Functionalities

The Template Editor has a similar layout to Microsoft Word and each button’s functionality has been described in the table below

 

Button

Name

Functionality 

Undo

Select this button to undo the last action taken in content of the editor body.

Redo

Select this button to redo the last action taken in content of the editor body.

Insert Page Break 

Inserts a page break in the body of the editor. Select this button after placing the cursor in the body of content where you would like a page break to be. 

Bold

Highlight text and/or click this function to bold text in the body of the editor. 

Italicize

Highlight text and/or click this function to italicize text in the body of the editor. 

Underline

Highlight text and/or click this function to underline text in the body of the editor. 

Strikethrough

Highlight text and/or click this function to strike through text in the body of the editor. 

More Functionalities 

Click this button to view the additional functionalities for the body of the editor. 

Font Style

Style of font associated with text being used, clicked on or highlighted in the body of the editor. 

Font Size

Size of font name associated with text being used, clicked on or highlighted in the body of the editor. 

Font Type 

Click the downward facing arrow directly to the right of the Font Type (i.e. Paragraph, Heading 1, Heading 2, Heading 3, Preformatted… etc.) to choose a font style in a drop down list.  

Align Left

Aligns the selected text with the left margin of the template.

Align Center

Aligns the selected text with the center margin of the template.

Align Right

Aligns the selected text with the right margin of the template.

Justify 

Fully justifies the selected text.

Decrease Indent

Select this button to decrease the indent of your editor body content.

Increase Indent

Select this button to increase the indent of your editor body content.

Numbered List

Click this function to create a numbered list in your editor body.

Numbered List Menu

Click the downward facing arrow directly to the right of the Numbered List to choose a numbered list style in a drop down list. 

Bullet List

Click this function to create a list in your editor body with bullet points.

Bullet List Menu

Click the downward facing arrow directly to the right of the Numbered List to choose a bullet list style in a drop down list.

Checklist

Click this function to create a checklist in your editor body with boxes that can be checked and unchecked.


NOTE: This functionality is currently not able to carry over into downloaded documents; the checkboxes will turn into broken images upon downloading the document. 

Text Colour

Highlight text and/or click this function to change the color of the text.

Text Colour Menu

Click the downward facing arrow directly to the right of the Text Colour icon to choose a text color in a drop down list.

Highlight Colour 

Highlight text and/or click this function to change the background color of the text.

Highlight Colour Menu

Click the downward facing arrow directly to the right of the Highlight Colour icon to choose a background color in a drop down list.

Capitalization

Highlight text and/or click this function to capitalize selected text.

Capitalization Menu

Click the downward facing arrow directly to the right of the Capitalization icon to choose lowercase, uppercase or title case in a drop down list.

Permanent Pen

Select the permanent pen to type in a preset formatting. The default formatting is a bold red Arial font in size 12. To change the default formatting, right click within the template editor section and select Permanent Pen Properties.

Format Painter

Click and hover over areas to recreate the same formatting from one area to another.

Clear Formatting

Click this button to return selected text to the default font size, type, colour, and line spacing specifications.

Special Character

Click this button to insert a special character.

Special Character Menu

Navigate through this menu to find the special character you would like to insert.

Emojis

Click this button to insert an emoji.

Emojis Menu

Navigate through this menu to find the special characters you would like to insert.

Insert Image

In the body, place your cursor where you would like to insert an image - select insert image button and select image. 

Insert/Edit Link

Highlight text and/or click this function to insert or edit hyperlink associated with the text. 

Anchor

Click the anchor button to anchor and lock any content in the body where it is.

Accessibility Checker

Highlight text and/or click this function to review if the content is accessible to readers with vision impairments and what suggested edits could be made to make content more legible.

Left to Right

Highlight text and/or click this function to type left to right.

Right to Left

Highlight text and/or click this function to type right to left. 

Help

The help section contains information on useful shortcuts, keyboard navigation, plugins, and the software version.   

Table of Contents

Place the text cursor where you would like to create a table of contents and click this button.

Source Code

Click this button to show the source code of the content within the Template Editor.

Full Screen

Click this button to view the Template Editor in the body of the page and hide all other sections.

Preview

Click this button to view the Preview in a pop up. 

Print 

Click this button to print content in the Template Editor.

   

Keyboard Shortcuts in the Template Editor

Being able to work efficiently on an online application most often includes using keyboard shortcuts. Select the ‘Help’ button to open a list of shortcuts as shown below.


Creating Tables in the Template Editor

In the body of the editor, highlight text where you would like the table to be created or write out text and highlight where you would like the table to be located. Once you have text highlighted, a small text menu bar will appear, select on the table icon on the far right. This will replace the text with a table. 

Preview Section & Functionality 

 

On the far right of the preview section, you will see a series of buttons in a sidebar - the first of these buttons is the ‘Preview’ button shown with an eye icon. The default layout of the template editor is to have the ‘Preview’ section open. This section will use a selected application to preview your document with rendered text for Handlebars expressions.

The ‘Application Data’ button is displayed with a folder icon. When this button is clicked, it will allow you to view the application data in the right panel. To minimize the application data window, click on the folder icon again.  

To select an application, search for an applicant in the search box located at the top left of the preview section. The application data is arranged in alphabetical order and contains several types of data that will be discussed in detail within the ‘Handlebars’ section of this guide. 

 

Saving Document Templates

The ‘Save’ button allows you to regularly save any changes made to your document template. Document templates do not save automatically, and we therefore recommend saving them regularly as you work.

The ‘Last Saved’ date displays the date that you last saved this document template.

‘Publish’ Button and Drop Down Menu

The ‘Publish’ button allows you to publish the template, making it available to select in the ‘Generate Documents’ section of all applications.

When selecting the drop down arrow, you will be able to see the following options:

The ‘Save this version as’ button will open a pop-up wherein you can name the version and then select the ‘Save’ button. Once completed, you will be able to see the new version in the Version History at the bottom of the menu. Selecting a version in the history list will open this version to be edited. A light orange bar will appear above the document template to inform the user of which version they are currently editing. 

To delete a document template, select the ‘Delete’ button in the drop down menu. When selected, it will generate a warning pop-up where the user will confirm that they wish to delete the template. 

Working With Document Templates and Viewing Final Version

To preview the final look of the document generated by your template while you are still editing, start by saving your changes and publishing the document. Enter an application and select the ‘Generate Documents’ button. Next, select your document to be generated under the header ‘Build Commitment Package’ and select the ‘Download Documents’ option from the drop down menu to the right of the ‘Preview Documents’ button.

Creating Templates from Existing Documents

You can easily create document templates by copying and pasting content from already existing documents.

  1. Create a new document template or find the template you wish to add content to and use the inline ellipsis to open it in the template editor.
  2. Highlight the existing content that you wish to include in your document template.

  3. Copy the material that is highlighted:
    1. Windows: Control key + C
    2. Mac: Command key + C  
  4. Place your cursor where you would like to paste the content and paste:
    1. Windows: Control key + V
    2. Mac: Command key + V
  5. You will receive a pop up asking if you would like to keep the existing formatting or remove it.

Note: If the formatting does not copy over as expected, it may be easiest to delete the content and paste again with the formatting removed and reformat the document as desired within the Template Editor.  

Creating a Document Using HTML Code

Code From An Alternative Source

The same concept discussed above can be used to import source code for an existing document into a document template.  

  1. In the document where the source code is located, copy the code that you would like to be in your document template. 
  2. Select the ‘Source Code’ button in the Template Editor Functions bar (< >).
  3. When the ‘Source Code’ page pops up, paste the code where you would like it to be placed within the document.
  4. Click the ‘Save’ button on the bottom right of the ‘Source Code’ pop-up.

  5. View in the ‘Preview’ section to ensure the document templated has updated as desired.

        Code Within The FundMore AI Platform

        Follow the below steps in copying and pasting source code to create a new document template with in the FundMore.ai Platform: 

        1.  Select the document template in the list you wish to change or create a new document template.
        2. Select the ‘Source Code’ button on the Template Editor bar (< >).
        3. When the ‘Source Code’ page pops up, highlight the code you want to copy and hit the ‘Copy code’ button.
        4. Click the ‘Cancel’ button on the bottom right of the popup to ensure that you aren’t saving any unintentional changes to the document you are copying from.
        5. Go back to the Document Template list and find the document you wish to change.
        6. Select the ‘Source Code’ button on the Template Editor Functions bar (< >).
        7. Paste the selection of copied code where you would like the change to be.
        8. Click the ‘Save’ button on the bottom right of the ‘Source Code’ pop-up.
        9. View in the ‘Preview’ section to ensure the document template has been updated as desired.
        10. Use the ‘Save’ button above the ‘Preview’ section to save the changes to the document template

          Templating with Handlebars

          Introduction

          Handlebars is a templating language that allows us to create reusable templates that can be used to generate documents that populate with dynamic data. Handlebars templates are created using Handlebars syntax, which consists of double curly brackets and helper functions, along with some manipulation of HTML code. This syntax dictates how expressions can be used to render object data, perform logic and basic arithmetic, and iterate over arrays. When a Handlebars template is processed, the expressions are replaced with the corresponding data values, resulting in a final HTML document that can be served to the client. 

          In order to understand how Handlebars works, we first need to do some groundwork to cover things like the kinds of data we’ll be manipulating and how it is stored. Then we’ll discuss more complex components like syntax, helper functions, and working with HTML code.

          Starting From The Data 

          Data Types



          Objects

           

          Application Data

          Handlebars as a Templating Language

          Expressions

           

           

          What is a Helper?

          Formatting Helpers

           


          Mathematical Helpers

          Conditional and Iterative Helpers

           















          Escaping

           

          *Previously encountered use case for triple curly braces: rendering employer names in within condition text*

          Templating with HTML

          Introduction

          Finding Your Spot In Source Code Easily

          To find your place in the source code, place your text cursor in the body of the template editor where you would like to change the code. As shown below:

          Then click the source code button and you will find the cursor in the same location within the document. 

          Source Code 

          Components of HTML

          Troubleshooting 

           

          Additional Resources

          HTML Guide

          Handlebars Guide