Creating a MDM UI Page

The scenario covers creating a new UI page to add person details. Use the B2B model available in TIBCOmmunity site. The person repository has multiple fields. The custom page will only display the selected fields from the person repository. The new UI pages can be used as the new Home Page on server side.

Procedure

  1. In the Project Explorer, Right click the UI Builder special folder and select New > MDM UI Page.
  2. The Uibuilder Model wizard is displayed.
  3. Enter the UI Builder model name in the File name field and click Finish.
  4. The UI Builder canvas is displayed.
  5. Drag and drop the Person repository on the panel. The Widget Setup Wizard is displayed.
  6. The Select Pane section displays three options, Tabbed, Accordion, and Group/Field Set.
    • On selecting Tabbed check box the following screen is displayed.
    • On selecting Accordion check box the following screen is displayed.
    • On selecting Group/Field Set check box the following screen is displayed.
  7. From the Select Pane section select the Tabbed check box.
  8. Select the checkbox corresponding to the repository attributes and click Finish.
  9. From the Form Widget, select Header and click on the panel. Specify the header value in the Text field in the properties section. By default, the header widget appears at the end, you can re-order it by clicking on the Tree Outline toolbar and move it before panel_0.
  10. You can create repository relationship by dragging the relationships under repository model in the project explorer. For example, drag the AssociatedWithPerson relationship. This relationship shows that Party (client) is associated with person.
  11. The Widgets Setup Wizard for selecting the relationship attributes is displayed.
  12. Select the Datagrid from the Select Pane section. Select the attributes that should be part of the datagrid and click Finish.
  13. From the MDM widget, select Save and Process button and drop it on the panel. Similarly select Cancel button and drop it on the panel. The Save and Process and Cancel buttons are displayed on the canvas area.
  14. Click the External Browser on the top right corner of the canvas to view the UI page on a browser.
  15. To associate the rulebase with the UI page, select the root level panel and click on the Rulebase on the properties section.
  16. Select True to enable the rulebase.