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 allows 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

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 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.
    Image Added
  2. Ensure that you select the correct Widget Name. Tip: Use the F4 input help to search for existing Widgets.
     Image Added
  3. Click on the Delete button Image Added on the footer toolbar of the Widget maintenance screen to permanently delete the Widget
    Image Added 
  4. Click on Yes to confirm the deletion of the Widget 
    Image Added

NOTE: A user can delete only the widgets created by their own user id.

Filter by label (Content by label)
showLabelsfalse
max5
spacescom.atlassian.confluence.content.render.xhtml.model.resource.identifiers.SpaceResourceIdentifier@223dfe
showSpacefalse
sorttitle
reversetrue
typepage
cqllabel in ("add-ui-elements","vertical-layout-control") and type = "page" and space = "IFAB"
labelslist-control