Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Comment: converted page, updated screenshots

Following After completing the installation steps, the following few steps should help validate subsequent actions should confirm that the configuration was done correctly as well as is correct, and all services and authorizations are in placeproperly established.

...

Search Help (SERVICES_SRV OData Service Validation)

After the installation and creation of your first project, perform the following steps to add a search help to the new application.  This will confirm that the generic OData services are installed, activated and you have sufficient authorizations to execute.

  1. Right click on the Form Element.

  2. Select the Add Input... sub menu and select Add Input.

...

  1. Image Added

  2. In the Properties pane, please set the following properties:

    1. Bound Field:  CompanyCode

    2. Search Help:  CompanyCode

...

    1. Image Added
  1. Save the Project using the Save icon in the toolbar.

  2. In the Live Preview, the input should now have a Search Help icon.

...

  1. Image Added

  2. Click the Search Help Icon.  The following dialog, along with Company Code values should appear.

...

  1. Image Added

...

Workflow Editor / Process Designer


The workflow editor requires a correctly configured URL as well as the necessary activated services.

  1. Click on the Workflow button on the toolbar.

...

  1. Image Added
  2. If the configuration is correct, you should see the following window appear

...

  1. . Please note that two-column view is only available for FAB version 3.3.1 and higher. Older versions of FAB will show only the right-side details pane of the Process Designer. To know more on the features of this editor, you may refer to Process Workflow documentation.

    image-20240726-163745.pngImage Added

...

JavaScript Editor

The JavaScript editor requires a correctly configured URL as well as the necessary activated services.

  1. Right click on the Page node in the Form Structure panel.

    1. Select Add Script.

...

    1. Image Added

  1. In the Properties pane, click the button to the the right of the JavaScript property.

  2. If correctly configured, the following editor will appear.

...

  1. Image Added

...

Submitting a Form


Other than the SERVICES_SRV OData Service, another core service is FAB_SRV.  This is used to read and write the application data model between the front and back end.

  1. Click the Workflow button in the toolbar.

...

  1. Image Added
  2. In the editor, click the >>> Template button at the bottom left and click 1. Draft, Submit, Approve to add a workflow template to your app.

  3. Click Yes when prompted about the overwriting of all existing workflow data.

  4. Click Save and Close at the bottom right of the workflow editor.

  5. Save your app with the Save button in the toolbar.

  6. The live preview should reload, and two new buttons (Draft and Submit) should appear at the bottom of the screen.

  7. Enter a value into the Company Code Input field you added earlier.

  8. Click Draft.

  9. If everything is configured correctly, a Processing Successful message should appear.

...

  1. Image Added

...

JSON Editor


Once you have submitted a form (Step 4), you can now test that the JSON Editor URL is correctly configured.

  1. Click the Reporting menu option from within the FAB development workbench.

  2. Select Transaction Report.

  3. Click the Execute button or press F8.

  4. Towards the center of the screen, click the Edit Data button.

  5. If correctly configured, the following editor will be displayed.

...

  1. Image Added

...

Icon Picker

The Icon Picker also needs the URL to be configured.

  1. In the FAB Development Workbench, click the Properties button in the toolbar.

  2. In the dialog that appears, click the search help in the Icon input field.

  3. If the Icon Picker is correctly configured, the following dialog will appear.

...

  1. Image Added