Form Control Behavior Overview
  • 01 Sep 2022
  • 1 Minute to read
  • Dark
    Light

Form Control Behavior Overview

  • Dark
    Light

Article Summary

Form Control Behaviors include configuration options for appearance and functionality. 

Behavior

In the Properties > Behavior section of a Form Control, users can set Initial Visibility and Initially Enable parameters for the selected control. 

By changing the Data Source in the dropdown from Constant Value to From Flow Data, the user configures this control to be visible and enabled depending on the Flow execution and where the incoming Flow Data is reached. When set to the From Flow Data mapping type, a Variable Name must be provided. A boolean serves as this variable as a switch for the control dependent on what data is sent from the Flow.

Needs Confirmation: If checked, a popup message with Yes and No buttons will appear when a user clicks the button on the Form. 

View

The View category allows users to customize the appearance of a Form control after applying a stylesheet to the Form. To see the list of properties that can be applied to a control, see CSS Properties on Form Controls.


Configuring Form Control View and Behavior

  1. Navigate to the Toolbox, and add a Button and a Textbox to the Form.
  2. Select the button control, navigate the Properties panel, and expand the VIEW category. Uncheck Use Font Form and click the pencil icon to edit the text. Set the Button Font Attributes to 20px, bold, and white font color.
  3. Check Override Background Color and set the Background Color to green.
  4. Expand the BEHAVIOR category.
  5. Select Needs Confirmation. Under Confirmation Message enter, "Are you sure?". For the Yes Button Text On Confirmation Dialog field, enter "Yes". For the No Button Text On Confirmation Dialog field, enter "No".
  6. Select the TextBox Form Control. In the BEHAVIOR category, uncheck Initially Enabled. Under VIEW, enter "Type Here" in the Watermark field. With this feature, users create custom text that will be reflected on the TextBox as a watermark.

Debug

  1. Add the Form into a Flow and click Debug from the top action bar.
  2. Click START DEBUGGING.

For further information on Forms, visit the Decisions Forum.

Was this article helpful?