Jump to Section: [Appearance and Layout] [Tags]
Introduction
The Toolbox is divided into two tabs for the two different classes of elements, General and AutoFill. This article will walk you through all of the General elements.
Not all elements are available for each form type. In each section heading the form types that support that element are included in parentheses with C being the Case Form and V being the Visit Form.
This article will detail each element and the important properties for each of these. The order of the elements is from the most simple to more complex. Some elements build upon the foundation of other elements so it is important that you go through the elements in the order presented.
Most elements are single elements such as labels, line inputs, text inputs, etc. With these base building blocks, you could build nearly any form. There are also compound elements that will help make your life as a form designer a little bit easier. Each compound element contains two or more elements combined into a single element.
The measurement elements are a special class of elements within Fusion Enterprise. These are the only elements that visually change when they are involved in a flow-forward situation.
Appearance and Layout
Just about every element has a section in the Properties window for Appearance and Layout.
The Appearance elements control the style of the element and include properties such as BackColor, BorderStyle, Font, ForeColor, and TextAlignment. Some elements have slightly different appearance sets but most of these are self-explanatory.
The Layout of the element typically contains 2 or 3 properties. Auto Size turns Autosizing on and off for the element. For example, if you turn on Autosizing for a label element and enter in a very long phrase, the element will automatically size itself, so the text fits in the element.
Location contains the coordinates of the element relative to its parent element. The parent element is the element that this particular element sits in. This concept will become more apparent when we cover the Panel and Group Box elements. The size of each page in a Base Panel is 800 pixels wide by 1000 pixels tall. If you set the location of a label at 400,500 then the element would be in the middle of the page. Setting the Location of the element is not necessary unless you want to position an element very precisely. Also, note that you may position an element by using the arrow keys.
The Size of the element is the height and width of an element in pixels. The size of the element may be set either by clicking and dragging the element dots on the element when it is selected or by manually entering specific numbers in the Size property. Also, note that you may precisely size an element by holding down shift and pressing the arrow keys while an element is selected.
Tags
Tags will be detailed more fully in Form Designer: Form Functions, Form Functionality. But for now, just know that the Tag is the name of the element as recognized by the system and is used by Fusion Enterprise to store data. For example, if you have a text box that asks the therapist to enter in the Date of Injury, it would be proper to have a tag with DateOfInjury in it. This allows Fusion Enterprise to save the data in this text box as DateOfInjury instead of saving the data as TextBoxXYZ. Also, to enable the Flow Forward and Rollup functionality for an element it must first be tagged.
Click the tabs below to expand the information on each tab.
Label (C, V)
The label element supports static text and is used to put text onto a form. This text may be a single-word label or a paragraph of text.
Panel (C, V)
The panel is a different type of element in that it is what we call a container. It holds other elements.
Once the panel is on the form, other elements may be placed inside it, either by selecting them from the toolbox or by dragging them from the Base Panel into the panel.
We can move the panel around and the elements inside the panel will move as well. If we copy and paste the panel then the elements inside the panel will also be copied. This allows you to create repeatable building blocks.
Group Box (C, V)
The Group Box is identical to a panel except it has header text.
Line Input (C, V) (Legacy, not used)
The Line Input element allows the user to enter a single line of text into a form. This element may have default text entered so when the user opens the form it is pre-populated with text that they may then edit.
Text Input (C, V) (Legacy, not used)
The Text Input is the big brother to the line input element but allows for multiple lines of text to be entered. This element however is not available as part of a Calculation set for the Computable Label.
Check Box (C, V) (Legacy, not used)
The Check Box contains a checkbox and a label and allows the user to check or uncheck them.
Radio Button (C, V)
The Radio Button works in much the same way as the check box except that only one radio button may be depressed at a time. In this example, clicking on Radio Button 2 would cause Radio Button 1 to become unchecked. If you require several different ‘sets’ of radio buttons you may place each set in a panel and they will operate independently of each other.
List Input (C, V)
The List Input is a drop-down of predefined values. The list may be restricted to allow the user to have to pick an item from the list and prohibit them from typing in their response. Dropdowns may also be part of a calculation set.
Intervention (C, V) (Legacy, not used)
The Intervention element is the List Input element except the values for the drop-down are pulled from the Charge Code list when the form is created by the user.
Date Time (C, V)
The Date-Time element allows the user to pick a date-time from a drop-down calendar.
It is also possible to format the date using Custom Formatting.
Computable Label (C, V)
The computable label allows you to take multiple elements and calculate a value based on their values.
Cascading Text (C, V)
The Cascading Text element enables you to create a Text Input element that has a ‘Point and Click’ paragraph builder. Some entire documentation systems consist of this element alone! From the outside, this element looks much like a Text Input.
Here is a short example:
When the form user edits the element, they are presented with the top level of choices such as these found below:
This particular element has its DoubleClickAction set to AddAndNavigate so when the user double clicks on the phrase ‘The small brown’ it is added to the phrase display and the next set of choices is presented as shown below:
The user may then continue to navigate down through the choices either by using the navigation bar at the top or by simply double-clicking their selection until they get the phrase they want.
At this point, the user could click on the ‘Top’ arrow and return to the beginning and add more phrases.
The user could then pick one or more sentences to build up their response.
NOTE: It is possible to import and export a text list into this element by pressing the Import and Export buttons.
Logo (C, V)
The logo element pulls the Therapist Forms Logo from the database when the form loads. The Therapist Forms Logo may be set in the graphics section of the General Information section under Administration in Fusion Enterprise.
This is done in order to have a single place to set the Form Logo for all forms and may be updated in the database instead of on each individual form.
Picture Box (C, V)
The picture box is much like the logo except you load the image into the form at design time.
WARNING: The data size of the form will increase with the size of the image. If you scan in a 10-megabyte image and load it into a picture box then each time the form is loaded and saved into the database it will require 10 megabytes of storage. For those clinics that have remote locations, the end-user of the form will have to download the entire form (10+MB each time they try to pull up a form). Keep your images small.
Annotatable Picture (C, V)
The picture box is much like the Picture Box except the user has the ability to draw on the image at runtime.
WARNING: The data size of the form will increase with the size of the image. If you scan in a 10-megabyte image and load it into a picture box then each time the form is loaded and saved into the database it will require 10 megabytes of storage. For those clinics that have remote locations, the end-user of the form will have to download the entire form (10+MB each time they try to pull up a form). Keep your images small.
Body Part (C, V)
The picture box is much like the Annotatable Picture except the element has several predefined images. These images are the ones that are used in the stock Fusion Enterprise evaluations.
Labeled Cascading Text (C, V)
As its name implies the Labeled Cascading Text Box is a Cascading Text Box element with a Label element attached to it.
When creating a form with a lot of inputs from the user it can become very time-consuming to align all of the various elements. The Labeled Cascading Text Box relieves some of this burden and maintains the alignment of the Label and the TextBox.
For info on working with this element: Form Designer Element: Cascading Text
Labeled TextBox (C, V)
As its name implies the Labeled TextBox is a Text Box element with a Label element attached to it.
When creating a form with a lot of inputs from the user it can become very time-consuming to align all of the various elements. The Labeled TextBox relieves some of this burden and maintains the alignment of the Label and the TextBox.
Labeled List Input (C, V)
As its name implies the Labeled List Input is a List Input element with a Label element attached to it.
When creating a form with a lot of inputs from the user it can become very time-consuming to align all of the various elements. The Labeled List Input relieves some of this burden maintains the alignment of the List Input and the Label.
For info on working with this element: Form Designer Element: Labeled List Input
Labeled TextBox Block (C, V) (Legacy, not used)
As its name implies the Labeled TextBox Block is a collection of Labeled TextBoxes.
When resizing the block the textboxes will automatically flow to fill the space. For example, if we make the block short and wide we end up with a block that looks as follows:
This element contains a Group Box and a collection of Labeled Textboxes. This allows you to have a single element that has many different textboxes all under the same tag.
When editing the TextBox collection you will be presented with the following dialog:
Clicking on the Add and Remove buttons add and remove labeled text boxes to the block. Clicking on a TextBox member allows you to edit the properties on the right side of the dialog. These are the same properties that are available for the LabeledTextBox.
You may also reorder the elements by selecting a member and pressing the up and down arrow to change their relative positions.
Measurement (C, V) (Legacy, not used)
The measurement element allows the user to enter in one or two measurements and display those measurements as in a Flow Forward situation alongside the new measurements as shown below.
The element may be configured to display and work in several different ways.
In the above configuration, there are three labels and two dropdowns. The title label may also be set so that it is editable as shown below:
The initial text may either be set in the designer or left blank for the user. The element may also be set to record a single measurement or a single-wide measurement.
Measurement Header (C, V) (Legacy, not used)
The Measurement Header element is a graphical element that allows you to conveniently title your measurement elements. The element has three different states that correspond to the states of the measurement element. Lateral Wide, Lateral, and Bilateral.
Measurement Block (C, V)
The Measurement block element is much like the Textbox Block element except it contains a series of Measurement elements. The element also contains a header, a title bar, and a comment bar at the bottom.
For info on working with this element: Form Designer Element: Measurement Blocks
Problem and Goal (C, V) (Legacy, not used)
The problem and goal element is a convenience element in that all it really does is group together four labels, two text inputs, and two drop-downs. This gives you the convenience of a ready-made element that has a single tag that covers all of the various parts.
Problem and Goal Block (C, V) (Legacy, not used)
As with the other Block elements, the Problem and Goal block is a collection of Problem and Goal elements.