Creating a User Interface Component

Page layouts are stored in so-called "user interface component" folders. You have to create such a folder for each Natural project that is to contain page layouts.

Start of instruction setTo create a user interface component

  1. In the Project Explorer view or in the Natural Navigator view, select the Natural project in which you want to create a user interface component.

  2. From the File menu, choose New > User Interface Component.

    The following dialog box appears:

    New user interface component

  3. In the Component name text box, enter a name for your user interface component (for example "MyFirstUI").

  4. Choose the Next button.

    The following page appears:

    New user interface component

  5. Choose the Browse button.

  6. In the resulting dialog box, select the folder into which the adapters are to be generated and choose the OK button. Usually, you will select the SRC folder of a Natural library.

    For this tutorial, you select the SRC folder in the library CISHELLO.

    Note:
    If you want to use a layout direction different than the one used in this tutorial, select the Right to left option button. This tutorial, however, explains how to design your layout in the left-to-right direction.

  7. Choose the Finish button.

    A new folder with the component name that you have defined is now shown in the Project Explorer view or in the Natural Navigator view.

You can now proceed with the next exercise: Getting Started with the Layout Painter.