Show TOC

Procedure documentationQuick Start Tutorial: Modeling a Simple Portal Application Locate this document in the navigation structure

 

This tutorial walks you through the steps necessary to model a simple portal application with Visual Composer. You create a URL iView and a portal page, add the iView to the page, deploy and preview the application in the portal.

Prerequisites

See Getting Started.

Procedure

Creating a URL iView

  1. Log on to Visual Composer. For instructions, see Accessing Visual Composer in a Web Browser.

  2. Choose   Model   New  .

  3. In the Create New Model dialog box, choose iView.

  4. In the Name field, enter a name for the model.

  5. Choose a relevant Development Component in which to save the model.

    If you want to create a new development component, click New, and in the Create New Development Component dialog box, enter a name and click OK.

  6. Click OK.

  7. In the Templates dialog box, choose URL iView.

  8. In the URL to the iView Target, enter a URL, for example, http://www.sap.com, and click OK.

Creating a Page

  1. Choose   Model   New  .

  2. In the Create New Model dialog box, choose Page.

  3. In the Name field, enter a name for the model.

  4. Make sure you choose the same Development Component in which you saved the iView model, and click OK. The page opens on the Portal Layout board.

Adding the iView to the Page

  1. Click Search in the task-panel toolbar. The Search task panel opens.

  2. In the Search in dropdown list, choose Visual Composer Models.

  3. In the Search for field, enter the name (or a part of it, accompanied by an asterisk) of the iView that you have created previously.

  4. In the Type dropdown list, choose the Model type.

  5. Click Search. Your iView is displayed in the results.

  6. From the Results list, select the iView and drag it on the page.

Deploying and Previewing the Application

  1. Click Deploy in the task-panel toolbar. The Deploy task panel opens.

  2. Click Deploy. The deployment result is displayed in the lower part of the Deploy task panel.

  3. Click the page link in the deployment results to open the preview window and see your page with the iView displayed.

Result

You have created and deployed your application to the portal. You can now view it in the Portal Catalog, under the   Content Provided by SAP   Modeled Content   <Development component name>   Page   .