The Floating Controls (Floating Control - Start, and Floating Control - End) are paired Controls that need to be placed around a group of Fields on a Page. Any Fields contained between the Floating Control - Start and Floating Control - End can be displayed at an arbitrary position on the agent's screen, commonly referred to as a "Float", rather than as part of the normal centred structure.
This feature is particularly useful for highly structured Pages, or to have Fields that remain visible to the agent regardless of where they are within a larger Page. A Control with similar capabilities are the
Sidepanel Controls.
The Floating Controls themselves aren't visible to the agent by default, but can be styled with a background or border so that the contained Fields are visually grouped as in the example below:
These Controls are part of the Intermediate Control pack, and will only be available if your System has the appropriate licence.
Place any Fields to be contained within the Float on the Page, and then place a Floating Control - Start immediately above and a Floating Control - End immediately below the group:
The Float is configured via the options for the Floating Control - Start Field. The options and style can be configured in the
Options tab and
Styling tab of the Field Properties.
Floating Control - Start Fields can be styled in a Stylesheet by referencing the control-floating-control-start class.
The Floating Control - Start Control has four unique options available in its Options tab:
|
Option
|
Description
|
|
Draggable
|
If enabled, then the agent will be able to click and drag within the Float, and move it around the Page freely.
|
|
Fixed
|
If enabled, then the Float will remain at the same position on the agent's screen even if the window is scrolled. This can be useful for things like Button - Tabs placed at the top of a Page. |
|
Left
|
Defines how many pixels from the left side of the window the Float will be placed.
|
|
Top
|
Defines how many pixels from the top of the window the Float will be placed.
|
If two Floats overlap, then the Float with the greater Z Index setting will display over the top of the other. If two Floats have the same Z Index setting and overlap, then the most recently placed Float will be displayed over the other.
If the Z Index setting is set to a value less than 0, it will move the Float behind the main Page content; this should typically be avoided except for in advanced usage cases.
It should be remembered that if the agent window resolution is different from the window resolution of the designer, then the Page positioning will be different. Additionally, if the window is resized during a record, then the appearance or functionality of the Workflow may be compromised.
A Float cannot contain a
Table Break; including a Table Break within a Float will effectively end the Float and lead to the subsequent contained Fields of the Float being dropped into the main body of the Page during the record.
