Show TOC

Procedure documentationEnabling Multiple iViews from an Application Locate this document in the navigation structure

 

A content administrator who creates content from a Web Dynpro application can create a single page from an application, so that the application's entire user interface is displayed in the iView, as it was designed from within NetWeaver Developer Studio.

A content administrator can also create a page that contains individual iViews from each view in an application, in order to rearrange the layout of the application or to hide some of the views. However, to do this, the application must be developed to be split up into different iViews.

Procedure

The following describes how to set up a Web Dynpro application so that content administrators can create a page with individual iViews from each view:

  1. Create a new Web Dynpro project.

  2. Create a new component. The component automatically includes a view and a window, in which the view is embedded. The view is the root view.

  3. Create additional views that define the user interface.

  4. For each additional view created in the previous step, add a ViewContainerUIElement object to the root view where you want the additional view displayed.

    Give meaningful IDs to the ViewContainerUIElement objects because the IDs are used as the default iView titles when an administrator creates iViews from this application.

    This graphic is explained in the accompanying text.

  5. In the root view, define other UI elements, as needed. These UI elements are displayed only when the application is run all together in a single iView, and not when the application is split into individual elements.

  6. Add an application property to indicate that the application's views can be split into different iViews.

    1. Right-click the application, and select Edit.

    2. Select the Application properties tab.

    3. To the table of properties, add the property sap.canBeSplitInIViews, and set the value to true.

      This graphic is explained in the accompanying text.

  7. Create an application.

  8. Deploy the application.

Example

The following is an example of a root view, with a title (The NetWeaver Music Box) and four ViewContainerUIElement objects, one for each of four additional views.

This graphic is explained in the accompanying text.

When the application is run outside the portal or as a single iView in the portal, the title is displayed and all iViews are shown in the locations shown in the root view.

However, a content administrator could create individual iViews from each view. In this case, the root view (and its other UI elements) is not displayed, and the administrator can rearrange the iViews on the portal page.