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

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

Nov 18, 2010

Download Lesson PDF

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

0 comments for this lesson

  • Prev: Customizing Lesson Navigation Links In Manual Templates
  • Next: Removing The Lesson Description From the Table of Contents

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.

Open HTML Template Folder

Media_1290026508497

Open the HTML Templates Preferences Pane (1) and click on the "Reveal template folder" button (2). The folder where lesson HTML templates are located will be opened in the Finder or Windows Explorer.

Copy An Existing Template

Media_1290026779629

Make a copy of an existing template. I have made a copy of the "Neutral" template.

Rename Files

Media_1290026871171

Rename the "Neutral copy" folder and "index.html" to something meaningful. I have chosen XML and lesson.xml. You can delete the js, css and images folders.

Open lesson.xml in Text Editor & Configure

Open_lesson.xml_in_text_editor___configure

Open the lesson.xml file in your favorite text editor and look at the configuration section (1). Change the settings of your file to match the settings in this picture.

I am using "xml-html" as the text style (2). This setting will maintain text styling (bold, italic, etc.) in the output. You can also set this to "xml" if you just want xml encoded text without styling.

I removed any image size constraints (3) so images will export at the size I have specified in my lesson.

Note that I deleted the "font family" setting as that only applies to HTML documents.

Format the Content Section

Format_the_content_section

Now we can define what the exported content will look like. In this example I'm creating a basic xml document with the following hierarchy:

lesson
    title
    description
    steps
        step
            instructions
            media

Media_1202314976689

Here is what the rest of the template looks like.

Export

Media_1290026971648

Once you have finished configuring the lesson.xml file you are ready to export. Select the lesson you would like to export and export as HTML.

Media_1261418671319

The template you created will now appear in the list of available templates. Select it (1) and click "Export" (2).

Sample Output

Sample_output

Your output will look something like this.

  • Prev: Customizing Lesson Navigation Links In Manual Templates
  • Next: Removing The Lesson Description From the Table of Contents

Comments (0)

Add your comment

E-Mail me when someone replies to this comment

Documentation powered by ScreenSteps Live