Example - HTML with interactive objects

In this example, a button and a field for entering a filename is added to the unpaginated HTML output. You are modifying a 5.6.2 Project where Message mode previously was used in the StoryTeller document. The document already has Story frames with linked Stories.

Example 24

Adding a button to unpaginated HTML output

1	Open the Project in Design Center and open the StoryTeller Process

2	Select File > Data > Enable Data Template.

3	Select View > Panels > Data template.

4	In the Data template panel, right-click and select Insert > Form.

5	In the Data template panel, right-click ddi:form and select Insert > Plain input.

6	In the Interactive property grid within the Data template panel, enter my_button in the Input name field.

7	In the Value field, enter

8	In the Label field, enter Send

9	In the Tooltip field, enter Sends your document to the server.

10	Right-click and drag the group_item node into a Story frame where the button should be located. When you drop it, select Button from the list.