Template Tutorial

As discussed in Introduction to Blueprint, Blueprint for Outlook utilizes HTML to describe the template ('blueprint') for a given Outlook item.

The feature set provided in the Blueprints is extensive. Blueprint installs with a number of example templates with increasing levels of functionality.

This section will provide you with a step by step tutorial for creating your own blueprints for Outlook, using the installed templates as examples.

Note. Before attempting to create a blueprint, it is advisable to gain basic knowledge of HTML - Knowledge on the following HTML elements are necessary: div and span tags, stylesheets (style tag), tables. For more information on learning HTML, visit the W3 Schools website: http://www.w3schools.com/html

All of the tutorials will use example Blueprint templates that have been provided with the Blueprint for Outlook install. Once installed, all referenced templates can be found under:

[Program Files]\Savvisoft\Blueprint for Outlook\Templates

When viewing these templates, please ensure that the HTML is viewed using a text editor (such as notepad).

Tutorial 1. Understanding the Basics

This tutorial introduces the basic building blocks of creating a Blueprint, including the Blueprint property tag (BPMessProp) and using stylesheets.


Tutorial 2. Creating an Outlook style Template

This tutorial describes how to construct an Outlook style template. This introduces the following Blueprint concepts; working with tables, hiding empty fields, and providing 'possible values' for numerical fields.


Tutorial 3. Working with Headers and Footers

This tutorial builds on Tutorial 2 and introduces the Blueprint header/footer tags. This will then enable you to create your own fully customisable header and footer for each page of the printed documents.


Tutorial 4. Custom Forms

This tutorial describes how Blueprint can be designed to support your custom forms.


Tutorial 5. Creating Multi Item Styles

This tutorial introduces 'Multi Item' templates, and describes how they are constructed.


Tutorial 6. Adding Contact Information

This tutorial describes how a template can be modified to support displaying information about the associated contacts.