Questions? Contact Us
  Blue Mango Learning Systems
  • Home
  • Forums
  • Documentation
  • Submit a request
  • Check your existing requests
ScreenSteps Documentation » Customizing HTML Templates » The ScreenSteps Templates Folder

Topics

  • Overview 4
    • What is an HTML Template?
    • The ScreenSteps Templates Folder
    • The Anatomy of the Template File
    • Installing/Sharing Templates
  • Customizing Templates 13
    • Setting the Maximum Height/Width for Step Images
    • Changing the Text Encoding of Output
    • How Do I Add My Company Logo to a Template?
    • How Can I Get a Step Image To Appear Below the Step Instructions?
    • How Do I Add An Image Border When Exporting To Blog?
    • Customizing Step Title formatting in Blog Templates
    • How to Add Whatever Font You Want to Your HTML Template
    • How Do I Make The Image Appear To the Left of the Text in an HTML Template?
    • Using Image Zoom in Templates
    • How to center images in an HTML template
    • Customizing Lesson Navigation Links In Manual Templates
    • Creating an XML Template
    • Removing The Lesson Description From the Table of Contents

This manuals will show you how to perform some advanced customizations to HTML and XML templates in ScreenSteps. The main ScreenSteps manual is available here.

Last Updated

Jun 03, 2011

Download Manual PDF

Other Resources

  • ScreenSteps Desktop & Workgroup

  • ScreenSteps 2.9
  • ScreenSteps Workgroup
  • Customizing HTML Templates
  • ScreenSteps: Tips & Tricks
  • Creating Word Templates
  • Publishing to Blogs & Wikis
  • ScreenSteps Live

  • ScreenSteps Live
  • Setting up a New Admin, Editor or Author on ScreenSteps Live
  • ScreenSteps Live Support Client
  • Integrating ScreenSteps Live With Other Services
  • Collaborating on ScreenSteps Live
  • ScreenSteps Live Remote Authentication
  • ScreenSteps Live API
  • API Examples
  • Implementation Guides

  • Creating a Software Manual With ScreenSteps
  • Creating a ScreenSteps Live Support Site
  • Improving your Zendesk Support Site with ScreenSteps Live

Comments

2 comments for this lesson

  • Prev: What is an HTML Template?
  • Next: The Anatomy of the Template File

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, modify or share them.

To share a template simply send the person you want to share it with the template folder (HTML) or file (PDF and Word). The recipient can then place the folder or file in their template folder.

Open Templates Folder

Media_1290016496287_display

To open the ScreenSteps template folder click on the Reveal template folder button (folder icon) that appears in the HTML Templates preference pane. This will reveal the template folder for lessons, manuals, blogs or the clipboard depending on which tab you have selected when you click the button. This folder is located in your user application data support folder.

The Templates Folder

Media_1290016946766_display

The templates folder contains 3 subfolders - DOCX, HTML and PDF.

The DOCX Folder

Media_1290017074382_display

The DOCX folder contains 2 subfolders - Lesson and Topic (Manuals were previously called Topics). Each of these subfolders contains template files. As you can see the list of templates in the Word Templates preference pane Manual tab (1) is generated from the list of folders in the Topic folder (2).

You can add, duplicate or remove template files and they will appear the next time you export a lesson or manual or to Word.

The HTML Folder

Media_1290017461970_display

The HTML folder contains 3 subfolders - Blog, Lesson and Topic (Manuals were previously called Topics). Each of these subfolders contains template folders. As you can see the list of templates in the HTML Templates preference pane (1) is generated from the list of folders in the Lesson folder (2).

You can add, duplicate or remove template folders and they will appear the next time you export a lesson or manual or to a blog. HTML templates are text based and can be customized by anyone using a text editor.

The PDF Template Folder

Media_1290017518374_display

The PDF folder contains a single folder named Lesson. This folder contains the PDF templates (1) that you see in the PDF Templates preference pane (2).

PDF templates cannot be modified outside of ScreenSteps but if someone emails you a template you can copy it into this folder. The template will then be available the next time you export a lesson or topic as PDF.

  • Prev: What is an HTML Template?
  • Next: The Anatomy of the Template File

Comments (2)

Matt Fleischman Thursday Nov 10 at 02:54 PM

It would be helpful if there were sceenshots of how the different templates actually appear.

Trevor DeVore Friday Nov 11 at 09:30 AM

Yes it would Matt. We plan on including preview images for templates in a future version.

Add your comment

E-Mail me when someone replies to this comment

Documentation powered by ScreenSteps Live