Initializing help system before first use

Image Attachments

The ScenarioObserver.bindImageAttachments() method allows image files attached to the scenario or app to be displayed in a custom view.

Define an HTML img tag in the view, and specify the filename of the attachment using the data-attachment-filename attribute (specifying the attachment by tag name is not supported).

If no attachment exists with the specified filename, the image will be replaced with a fallback message, The attachment is not currently available. An alternative message can be specified using the data-fallback attribute. For example:
<h3>Results chart</h3>
<img id="results-chart"
     data-attachment-filename="chart.png"
     data-fallback="The chart is not available">
Finally, create a scenario observer to populate the img tags in the view:
var view = insight.getView();
view.withFirstScenario()
    .bindImageAttachments('#results-chart')
    .start();
The normal width and height attributes can optionally be used to specify the size of the image.