To convert a roadmap into HTML, the roadmap must be Exported. Roadmunk has many Export Options that can control the size and aspect ratio of the resulting image.

HTML Features

Downloading to HTML creates a fully interactive file complete with graphics and design elements. Selecting items from the view will display an item card. This can be embedded in a website, or sent to a stakeholder for review.

Export to HTML

Select the Export button and choose Export to PNG, HTML, URL. This can be done from either the timeline or the swimlane.

Please note: The timeline view and swimlane view each have a different range of export options.

HTML Export Options

To export to HTML, set the export type to HTML on the header bar.

The footer bar on the timeline contains 5 options for export: Orientation, Dimension, Resolution, Background, and Extras.

The footer bar on the swimlane contains 2 options for export: Background and Extras.

Orientation

The orientation can be set to either portrait or landscape. This determines how the roadmap will be oriented on a website or screen.

Dimension

The dimension determines the aspect ratio of the image. Select the one most suitable.

Resolution

Every option in dimensions carries its own resolution options. Resolution determines the pixels that will used in the image. The higher the number settings the larger the image will be and the more definition it will contain. The more pixels it contains the more defined zoom can be done on the screen.

Background

The solid panel means that the roadmap will be on a solid white background, whereas the patterned one indicates a transparent background.

Extras

The extra options are:

  • Title: The title of the roadmap will be displayed above it in the image
  • Legend: A legend of all colors used and their explanation will be displayed below the roadmap
  • Footer Text: This is text that includes the Date that the image is created as well as a Roadmunk watermark.

Download HTML

During the export process, a sample image will be displayed on the screen. This sample is a true likeness of the image. If the sample image is not suitable or needs changing, then the downloaded HTML will not be good either.

Select the Download HTML button to complete the export, and save the files to a directory on the local computer.

Did this answer your question?