Overview

  • What is an HTML Template?

    An HTML template is a folder that contains a template file that ScreenSteps will parse and use to format lesson and manual output when using the Export to HTML feature. In addition the folder can contain any number of supporting files or folders.

    Although we use the name HTML templates you are by no means limited to HTML output. Templates can be customized to export any text-based output. This means you can create your XML templates and import lessons created in ScreenSteps into content management systems.

  • The ScreenSteps Templates Folder

    ScreenSteps allows you to customize output using templates. These templates are stored in a folder on your computer that you can access if you would like to add or modify them.

  • The Anatomy of the Template File

    At a minimum a template folder must contain a template file. This is the file that tells ScreenSteps how to process a lesson or manual for output. This lesson describes the anatomy of a template file.

Customizing Templates

  • Setting the Maximum Height/Width for Step Images

    HTML templates allow you to limit the maximum height and width that an image can have when you export. This can be useful if you need your images to fit within certain dimensions to display properly on a web page.

  • Changing the Text Encoding of Output

    All templates encode text as UTF-8 by default. If you are integrating output into a website or system that requires ISO-8859-1 encoding then you will need to change the text encoding property of the template.

  • How Can I Get a Step Image To Appear Below the Step Instructions?

    If you would like your images to appear below step instructions when you export HTML you need to make a slight modification to the HTML template you are using. This lesson will show you how.

  • How Do I Add An Image Border When Exporting To Blog?

    This lesson will show you how to modify a ScreenSteps HTML template so that your images have a border around them when exporting to blog. This lesson uses inline CSS since not all blogs allow you to customize the CSS files used for displaying your posts.

  • Customizing Lesson Navigation Links In Manual Templates

    This lesson will show you how to customize lesson navigation links when exporting manuals to HTML.

    Before you begin this lesson you should familiarize yourself with the ScreenSteps HTML Template folder.

  • Using Image Zoom in Templates

    ScreenSteps 2.0.3 added a new template section that allows you to provide zoom links in your HTML output.

  • Creating an XML Template

    ScreenSteps allows you to export to PDF, HTML, ScreenSteps Live and Blogs. When exporting to HTML or a Blog, ScreenSteps uses a template system to generate text files with HTML markup. You can create and customize your own templates and export XML files which can then be imported into other content management systems.

    You can download the template created in this lesson here.

  • Removing The Lesson Description From the Table of Contents

    When exporting a manual to HTML using a default template the lesson description is included in the table of contents page. This lesson will show you how to remove the lesson description.