2.11.9 Widgets

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.

Converting controls into Widgets

1. Right click on the block of control that needs to be converted into a Widget. Select Options--->Widgets-→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 

Adding Widgets into an Application

1. Right-click on a node where the Add Widget option will be available (e.g. a Page)
   
2. Select the relevant Widget to be added
   
3. Click on  to finally add the Widget

Exporting Widgets

1. Right-click on a node where the Add or Convert Widget option will be available (e.g. a Page)
   
2. Select the Widget Name to be exported and save it as a file
   

Importing Widgets

1. Right-click on a node where the Add Widget option will be available (e.g. a Page)
   
2. Click on  and select the Widget file to be imported
   
3. Click on  to finally save the imported Widget
   

Deleting Widgets

1. Right-click on the node where the Widget was added in the form structure (e.g. Page) and select Options → Widgets → Add Widget from the Form structure tree.
   
2. Ensure that you select the correct Widget Name. Tip: Use the F4 input help to search for existing Widgets.
    
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 
   

Related articles

• Page:
  2.2.5 Add UI elements to the App
• Page:
  2.2.10.12 Vertical Layout