Now that we have Microsoft Word ready and understand the template tags we will need to write, it's time to build our first documentation template. Open the document you want to transform into a template or write your own from a blank document. Then open the hierarchies file to be able to copy and paste the names of the nodes and follow the structure.
Once you have your document done, setting up as a template is not difficult. There are two types of elements you can get from your prototype and put in the template: text and images.
If you click in the “developer” tab, you will see a group called “controls”. That is what you are going to use to build the template. Currently, we only use the first row of items in the template as they bound the text and images from Prototyper into the Word document.
This is a brief description of these 3 controls:
Paragraph
used to include text with styles or to include more than one element.
It can be thought as a container for other elements or controls.
Plain text
used to include plain text.
Picture
used exclusively for displaying images.
So, all you have to do is select the text or image you want to bound with data from your prototype and click in one of those controls, depending on its type. A blue container should appear including all your selected elements.
If you pay attention to the upper left corner of this blue container, there is a mini tab. If you click on it, all its contents will turn bluish and the tab will be selected.
Now is when you can change the name of the control and put one of our hierarchy. On the right side of those controls in the ribbon toolbar, there is a “properties” button. If you have the tab selected, the button will be enabled, and will display this dialog:
Inside this dialog there are two main fields: title and tag. In those two input fields you need to write one of the elements of the hierarchy in order to establish a link between your data from the prototype and the element from the Word document.
If you need to remove the control from the document, select the element inside the control and right click to show up the contextual menu. From there, use the “remove content control” option to remove it.
