This page is is for application designers who need to create forms. It explains techniques for associating text with a data field, to label a field.
Overview
There are several ways that you can use stream data to set labels on a dashboard. The text in a label can show:
- fixed static text
- either that you enter
- or the name of
- a selected attribute
- dynamic text that updates dynamically depending on the selected record
- placeholder text.
When you are designing a form, first add a form component. The form component is the container for all the data fields and labels; see Understanding Components and Layouts. You bind the form component to a stream or view; Showing Data on a Screen. This tells PhixFlow what attributes are available to display in data fields or labels. To access a list of attributes in the stream or view that is bound to the form:
Either
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
Opening the List of Attributes
Once a stream or view is bound to a form component, PhixFlow knows what attributes are available. To open the list of available attributes :
either right-click on the form in the dashboard and select
Insert excerpt _attributes_show _attributes_show nopanel true
or open the properties tab for a stream or view and expand the Attributes section.
See also
- Understanding Components and Layouts
- Showing Data on a Screen for information about binding data to a form.
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
|
Add or Change a Static Text Label
Use this option where you want to specify the text exactly.
- From the palette, drag a static text component onto the dashboard next to a data field.
- Optionally, group the data field and the static text field together; see Grouping Components.
- In the static text component properties, in Basic Settings → Display Text, enter the fixed text you want to appear.
To change a fixed text label:
Click on the label to select it.
If the label is a composite component, click on the data field, then click again to select its label.PhixFlow displays the static text properties. Edit Basic Settings → Display Text.
Click
.Insert excerpt _finish _finish nopanel true
Use the Attribute as a Label
When designing a dashboard, you may want a field to have a label that indicates the data being displayed. Where the attribute name is a good reflection of it's data, you can use this to add a lable. For example, an attribute called Name has company name data:
To create a label from an attribute:
Open a the list of available attributes from the stream upto here.
Drag an attribute onto a form container on the dashboard.
PhixFlow adds a labelled field to the form.
A labelled field is a composite component that includes:
- a static text field, with properties → Basic Settings:
- Name is
Label - Display Text is the name of the attribute
- Name is
- a data field that displays data from the attribute.
For information about composite components, see Grouping Components.
The default component to use when you drag attributes onto a dashboard are set in the Application properties or in System Configuration.
Display Dynamic Text as a Label
For dynamic text fields, PhixFlow matches the field to an attribute in the bound stream or view by matching their names. This is shown in the following illustration.
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
A dashboard has a form container that includes a dynamic text field component.
The dynamic text field displays the attribute Name from the selected record in a grid. Dashboard with grid (top) and form (below) Stream that is bound to the grid and the formBoth the data grid and the form are bound to a stream called The form contains a In the dynamic text field . Because we want this field to display data for the attribute Name, it has been called
|
Label a Field
When designing a dashboard, you usually want fields to have a label that indicates the data being displayed. For example
Data is stored in streams and displayed using views. Any form field associated to an attribute from either of these items will automatically use the name of the attribute as its label.
To create a field from an attribute:
Open the properties tab for a stream or view.
In the Attributes section, drag an attribute onto a form container on the dashboard
PhixFlow adds a labelled field to the form.
A labelled field is a composite component that includes:
- a static text field, which takes its name from the attribute
- a data field that displays data from the attribute.
For information about composite components, see Grouping Components.
The default component to use when you drag attributes onto a dashboard are set in the Application properties or in System Configuration.Editing a Form Field Label
To change the default name of a form field:
Click on the form field, then click again to select the label.
In the properties window on the right, update the
Display Textto the desired value.Save your changes.
Manually Creating Form Fields
In the Screen's toolbar click the
button.Insert excerpt _palette _palette nopanel true Open the your desired palette e.g. Theme 2.1
Open the Labelled Fields section e.g.
Drag a labelled field onto your screen. Note, select a field that matches the type of data the attribute will display.
Provide a name when prompted.
Optional Steps
If you need your field to be backed by data it will need to be associated to an attribute on a stream.
Click on the broken link Icon.
Follow the wizard prompts.
Setting Place Holder Text
Place holder text can be used to display a message to communicate information to the user. The value can be set manually or set to match the form field label.
- Select the Form Field on the dashboard.
- In the properties window on the right:
- Type a value in the Place Holder Text field to manually set a value.
- Tick Use Field Name as Place Holder to use the name of the field as the place holder text.
- Type a value in the Place Holder Text field to manually set a value.
Advanced Editing
In addition to a label, you may want additional text below the field. For example you might want to add
- static text, to explain what the user can do.
- dynamic text that depends on selected data.
- In a basic components palette, such as Basic Components, drag a Static Text or Dynamic Text layout onto a form area.
Right-click the new field and select Find. In the layouts list, find the container for the fields and double-click it to open its properties.
In the Advanced section, the View Type is Field container. Expand the drop-down list and select the empty row. Save the container component. This "opens" the container so you can add more components to it.
- In the layouts list, shift-click and drag the new component into the container. PhixFlow moves your component to be a child of the container component.
Important: Open the field container properties again and reset Advanced →View Type to Field container. All child components are now contained within the parent, which is also a composite component.