Overview
The detail page of a form allows you to edit the form and its elements and show the form rendered as a PDF.
Next to the title of the page, you can navigate to other forms to edit. Additionally, you can use the keyboard shortcuts PageUp and PageDown to navigate to the next or previous form.
The tree structure on the left shows all elements and the hierarchy thereof. The detail panel will provide you configuration options of the selected element.
Tree Manipulation
When an element is selected in the tree view, the selected element and its child elements will be highlighted for better visibility.
The possible configuration options of the select element are displayed in the detail panel.
Elements can be inserted or pasted above, below, or in case of a section or question, inside as a child element.
Elements can be copied, cut and deleted by using the buttons on top of the tree.
An element that has been cached either by copy or cut, is highlighted with different, striped background.
For now, it is not possible to rearrange elements using Drag&Drop. Cut and Paste (and the usual keyboard shortcuts) has to be used.
Multiple elements can be selected, by either clicking on an element while holding Ctrl, or by selecting a range by holding Shift and click on another element in the tree. Holding Shift while navigating the tree using the keyboard will also select multiple elements.
Elements can be collapsed or expanded by clicking the arrow icon on the right side of an element, or by double- clicking the element.
The three list buttons at the top right of the form allow you to collapse all elements, expand elements, and reduce all the tree to only show the structure for a better overview.
Keyboard Shortcuts
The form tree can be fully navigated and modified using keyboard shortcuts:
→: Expand the selected section or question
←: Collapse the selected section or question
↑: Navigate to the element above
↓: Navigate to the element below
Ctrl + Shift + ←: Collapse all elements
Ctrl + Shift + →: Expand all elements
Ctrl + Shift + ↓: Show structure (sections and questions only)
Home: Navigates to the first element of the form
End: Navigates to the last element of the list
Ctrl + C: copy the selected element(s)
Ctrl + X: cut the selected element(s)
Ctrl + V: inserts the copied/cut element(s) bellow the selected one
Ctrl + Shift + V: inserts the copied/cut element(s) inside the selected section or question
Tab will select the first option (e.g. the title field) in the side-panel.
NOTE: If an option in the side-panel is active, such as a text field, the keyboard shortcuts will not work as they apply to that element.
Tree Elements
This is an overview of all the elements, and how they translate in Valuatic Touch.
1 Text : The Text element supports plain- and rich-text.
2 Line : A line element can be used to optimize readability. Note that a question element also always has a line below.
3 Section : A section is used to structure the form. It can contain other elements and can be placed up to 4 levels deep.
4 Question : The question is decoupled from the answer type and can contain multiple other elements (apart from sections and other questions). This allows you to augment the content displayed within a question. A question can be placed up to 5 levels deep.
5 Multi Select Answer : This answer type allows the user to select one or more options.
6 Text Answer : This answer type provides a text input field to the user.
7 Single Select Answer : This anser type allows the user to select one and only one option of many.
8 Page Break : A page break element has no function in Valuatic Touch, but affects the rendering of the form- and report PDF.
You can find more detailed information in the following sections of this manual.