As discussed in the template sections, document in System Garden are structured and use templates for layout.

Selecting Documents from the navigation will present you with a similar choice display as the designs: an array of cards with thumbnails of the contents. However, instead of designs, we are choosing documents and the thumbnails are miniature representations of the start of the document.

Click on the button to the top right +Create a new document.

Select the template that you wish to use for the document from the table. See the document template manual for creating and updating templates.

The documentation editor appears using the template that you selected.

In all circumstances, you will see a header summerising the document (title, template, version, etc) and a check box to indicate whether the document is public.

Following that is an ordered list of components instantiated from the template instructions. Section headers run across the page and may not be edited: the text comes from the template. In the left column is the name of each component or part and underneath is guidance text to help the author fill in the details for that item.

The remainder of the line is set aside for the editing area. A single line or an HTML editor, for example. Check the template documentation for a list of the document component types.

What you have completed, click on Save Document, which will save it as the most recent in the line of history. Once saved, the display changes to be the document selection screen.

A special range of document components are ones that link to a design and are automatically populated from details of the design.

The component Design Selection is rendered similar to below, which has been called Design Name.the image.

+ New button will create a new design in a separate window in case one has not been done already. x Clear removes any selection made. -> link is used to c

onnect to an existing design using a display similar to below.

Click on the design to connect. The design name is placed in the central field and if there is a design diagram component in the template, it will be updated to show the design image.

All components prefixed with Design will then be automatically populated when the document is in read-mode. When editing the design fields typically have Automatic placed as a label in the vale area.

Similar to the design selector, the card has a title, description, author, date and version. It also indicates the template and version that the document is based on.

Hovering over the thumbnail make four buttons appear at each corner of the image:-

Clicking on the More... button or clicking on the title expands to produce an enhanced list of actions