Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

How to efficiently re-use the FAB controls across different applications? The answer is by using the Widget functionality of the tool. Widgets allow a set or group of controls and its functionalities to be bundled and reused in different applications. This promotes efficiency in the development by reducing the effort in building repetitive block of controls.Image Removed


Image Added

...

Creating Widgets

Tip
titleRecommended Setting

Use a Vertical Layout to group the controls that can be converted or added into the list of Widgets


  1. Right click on the block of top level control that needs to be converted you would like to create into a Widget. Select Options--->Widgets-→Convert to Widget
    Image RemovedRight click, select Widgets and then Convert to Widget.
  2. The Create Widget dialog screen shows up



    Provide a Widget name and description
    Bound Fields are automatically assigned and made available
    Enter some notes (e.g. Prerequisites and instructions on how to use the Widget)
  3. Save the Widget by clicking 

...

  1. Right-click on a node where the Add Widget option will be available (e.g. a Page)
    Image Removed.  Select Widgets and then Add Widget

    Image Added

  2. Select the relevant Widget to be added

  3. Click on  to finally add the Widget

Exporting Widgets

  1. Right-click on a any node where the Add or Convert Widget option will be available (e.g. a Page)
    Image Removedin the Form Structure and select Widgets and then Maintain Widgets.

    Image Added

  2. Select the Widget Name to be exported and save it as a file
    Image Removedyou would like to export from the Widget Name search help,

    Image Added
  3. Click the Export button and provide a file name.

Importing Widgets

  1. Right-click on a any node where the Add Widget option will be available (e.g. a Page)
    Image Removedin the Form Structure and select Widgets and then Maintain Widgets.

    Image Added

  2. Click on  and select the Widget file to be imported
    Image Removed
    Image Added
  3. Click on  to finally save the imported Widget
    Image Removed.

Deleting Widgets

  1. Right-click on the any node where the Widget was added in the form structure (e.g. Page) and select Options → Widgets → Add Widget from the Form structure tree.
    Image RemovedEnsure that you select the correct Widget Name. Tip: Use the F4 input help to search for existing Widgets.
     Image RemovedForm Structure and select Widgets and then Maintain Widgets.

    1. Image Added
  2. Select the Widget you would like to export from the Widget Name search help,
  3. Click on the Delete button  on the footer toolbar of the Widget maintenance screen to permanently delete the Widget
     
  4. Click on Yes to confirm the deletion of the Widget 

...