Skip to content

Steps

The Steps component is primarly used with Form Components to represent the stages of business logic data, visually displaying the stages of mapped business data on the Form.

  • How to Create
  1. Choose Steps type in New Component Popup Screen. (Step1)

  2. Enter the Component Name, the name displayed on the Screen (Symbolic String or Custom Name) and then click Next button.

    INFO

    Since data connection is not required, the Business Object selection in Step2
    and the Field Mapping in Step4 are skipped.
    (Data binding involves passing data to the properties of Step Controls when transitioning from the screen that invokes the Step Component to the Step Component screen. At this point, the data is loaded using the passed properties and the associated Step Control is activated.)

  • Applicable List of Component Attributes

    1. Tab Pane Id: When the Screen is structured with a Tab Component and this Component is placed at the bottom, the Tab Component's Panel Id value is registered to link it with the Tab.
    2. Style - Text Color: Set the Step Control's text font color.
    3. Style - Background Color: Set the background color for the Component.
  • Available List of Services

    NamePlatformDescription
    loadCommonEvent that occurs when data loading
  1. Load: The Service that is executed when the Step Component is loaded, which must be registered when configuring the Step Component. It sets the active property of the Step Control

    INFO

    1. In the Action Design for registering the Load Service of the Step Component, we use both Check Action and Component-Interface

    INFO

    1. We check the value of the Step stage received from the Component that invoked the Step Component._

    INFO

    1. The target Type of the Step Component's Component-Interface is ControlPropId, and the Source Type is fixedData. We set the value of the Step Control's Property(active) to Yes _

    step3 Control Property active = Yes Before

    step3 Control Property active = Yes After

  • Available List of Controls
  1. Step: This is a Control used to display a single Step on the screen.