- HTML5 Progress Bar Example

HTML5 Progress Bar Example

• • create an Operation.

  • set the Operation Type.

  • create the Operation Code query.

example:

• • set the Display Group to “User Defined”.

example:

Setting up the Field Descriptor

• • in this sample, we are setting up a Derived Field Descriptor: “D_Progress_Bar”

example:

• • set the Display Component to “HTML5 - Progress”

    • then click the apply button

    • this will open up a textbox displaying the code.

    • this user defined HTML will be filled in automatically. It can be edited.

example:

• • set the Field Descriptor Type (to derived, if the field is a derived field, being created).

  • set the Association Operation as necessary.

    • create the Association Operation if needed.

      • click the Add button to create an Association Operation immediately.

  • click the Update FD or Insert FD button at the top or bottom of the page.

example:

Setting up the Association Operation

• • create an Operation.

  • set the Operation Type to an Association.

  • create the Operation Code query.

example:

• • set the Display Group to the menu group the operation will appear under.

example:

Note: Completed results.