Templates structure the on-screen appearance of the data input Fields, with multiple styles to choose from, these can be aligned centrally, to the left or to the right. Templates can then be selected to construct Forms. Use the Template Builder's quick drag-and-drop system with zero-coding for quick and intuitive building.
To create a new template, you must first be in the 'Template' folder on the left and then click on 'Add' button in the bottom banner.
This will present you with the screen below:
- Title: What is the name you want to give this Template? This will appear on the screen above the fields that will be displayed in the Template.
- Identifier: What is the unique system identifier for this Template? This is auto-generated as the Label with no spaces, but can then be overwritten if required. This should reflect the Label you have given it, but cannot have spaces.
- Help Text: What Help text do you want to appear on the screen when the user clicks on the ‘i’ in the Title bar of the Template (see below).
- Collapsed by Default: This shows only the Title bar of the Template by default and can often help aid User experience when deployed correctly. An example below shows the 'Reference' Template collapsed. You can also collapse a Template at any point in an App by clicking anywhere on the Title bar of the Template.
- App Level Template: This determines whether or not the Template should contain App Level Field Types or not. App Level Field Types, such as Aggregate, are run on the client and do not save against record data but are instead just a display option.
- Read-Only: This determines whether or not the Template contents should be Read-only or not. This can remove the need for read-only fields if the whole template is going to be read-only
- Template Icon: Select an image from your existing site Image Assets to display next to the Template Title, this should align with the subject of the Template. If you want to use a new image, click the upload button to the right to browse your devices files.
Note: If working with multiple languages, you can use the pencil to select a Translated Asset as your Template Icon.
How do you want the data input fields to be displayed on the screen?
When building a new Template, this is accessed by clicking 'Create Template' after you have filled out the Details. After this, just like with a pre-existing Template, click 'Design Template' to get into the builder.
- First, decide on the maximum number of columns you will need for any row of your Template at this point in time. By default this is set to 4, but you can add a column by clicking the '+' next to the 'Search Fields' box. Similarly, to add rows click the '+' below the bottom row, in this case row A.
Note: No matter how many columns you display, because the Softools platform is mobile optimised or ‘responsive’, Fields will automatically wrap to the next line if there is not enough space on the web-form.
- Then select the Fields you want to display in each of the columns in a given row by searching for and then dragging them across from the right into the desired row and column. You can also click directly into cells and search from there.
- For certain Fields types you can choose to make them Span a whole row (the width of the screen) by toggling the 'Span' switch to the left of the row.
- To delete a row from the template builder click on the ‘x’ at the end of the row.
Named Style and Alignment
Named Style configuration is accessed when first putting a Field into a Template cell if you click directly on the cell, or via the Pencil Icon next to the Field name if one is already in place.
- Centre, Left and Right alignment works much like on Word for example and can be used to gain that extra level of aesthetic tailoring.
- The Card style also has the same alignment options, yet gives the Field a slightly different appearance as seen above. This can be fantastic when used for key pieces of information that you wish to stand out, or even just as a general preference.
Note: Some fields such as Long Text and GridFields will be automatically configured to span all columns of a row.
When you have finished building your Template, make sure to click 'Update Template' to save any changes.
Copying and Deleting Templates
The copy and delete Template functions are described below and accessed via the arrow on the 'Update Template' button.
This will create a copy of the Template, forcing you to give it a different ID to the original before doing so.
A template can be deleted if it is no longer required. Bare in mind deleting means it will be removed from any forms that it appears in, but this will NOT delete any of the Fields that are contained within the Template.