Concepts

The IBM® WebSphere® Multichannel Bank Transformation Toolkit RUI editor is a WYSIWYG (what you see is what you get) tool that enables you to design and create user interfaces for rich client application. The RUI editor creates WebSphere Multichannel Bank Transformation Toolkit XML-based transaction UI files, which are .rui files.

Setting up the RUI Editor

Before you use the RUI Editor, you need to check the following plugins are in the directory of IDE plugin:
  • com.ibm.btt.rcp.xui
  • com.ibm.btt.rcp.xui.editor
  • com.ibm.btt.tools.transaction.rcp
If you want to run the rich client application, you need to copy the following plugins from <toolkit_root>/plugins/toolingto the directory of IDE plugin:
  • com.ibm.btt.rcp.activity

  • com.ibm.btt.rcp.navigator

  • com.ibm.btt.rcp.perspective

  • com.ibm.btt.rcp.service.manager

  • com.ibm.btt.rcp.theme

  • com.ibm.btt.rcp.workingarea

  • com.ibm.btt.rcp.broker

  • com.ibm.btt.remote

Creating an RUI file

To create an RUI file, do the following steps:

  1. In the Enterprise Explorer view in IDE, right-click one folder, and then click New->Other. The New window opens.

  2. On the Select a wizard page of the New window, expand the BTT folder, and then click Rich Client Page. Click Next. The Create RUI File page is displayed.

  3. In the File name field, specify a name for the RUI file.

  4. You must use a .rui file extension for the RUI file.

  5. Click Finish.

Editing an RUI file

You can drag and drop the widgets from Palette to the RUI editing area.

You can select one widget and edit the properties.

For more information about RUI file, you can refer to the following samples that located in <toolkit_root>/samples