Skip to Content

So… you hear about the new VC5 runtime. Let us focus on some newly presented options it includes, marked in this text in blue.

A simple master / slave scenario might look like this:

  • We show the list of banks in a Tile View.
  • For each selected bank we show its details in the right-hand panel.

Running The application

On the desktop:

/wp-content/uploads/2014/01/rt_383476.png

On the tablet – click to get the full beauty of it:

/wp-content/uploads/2014/01/tablet_3_383590.jpg

Modeling

I want to skip most of the steps and focus on the new stuff.

1. Create a new model. select the SAPUI5 as runtime.

1.PNG

2. Add the Banks data service to the model.

3. Connect a Form View from the Input port.

4. From the Bank List output port connect a Tile View element.

/wp-content/uploads/2014/01/2_363673.png

5. Add the Bank Details data service.

6. Add the output Form View from the Bank Details service.

7. Place the input Tile View and Bank Details Form View elements in a vertical Panel, to better control the layout.

1.PNG

In the Layout Board:

8. Add a column to the Tile View element.

9. Place an Image to the left of the text controls.

10. Set the Row span property to 3. this way the image takes three rows to fit the height of the three controls on the right column.

11. Set the H. Align, V. Align as needed. In VC5 we can define the alignment of the control in its cell.

12. Set the Image URL as needed in the Browse Images dialog box.

2_2.PNG

That’s it! Our first VC5 simple scenario. The new features we used in this application:

  • Tile View
  • Row Span
  • H. Align (optional)
  • V. Align (optional)

You comments and questions are most welcome.

Recent presentations / movies:

VC5 …

VC5 in a nutshell

To report this post you need to login first.

5 Comments

You must be Logged on to comment or reply to a post.

  1. Vinod Kumar

    Thanks for the update Ehud Nir.  When these features will be released to customer ?

    I am working on VC with netweaver 7.3 SP10, where I can see the option for tile view, but is disabled.

    Thanks & Regards,

    Vinod

    (0) 
  2. Ehud Nir Post author

    Some changes:

    • I revised the layout a bit using panels. Now the input form is on top.
    • Added a snapshot of a Tablet running the application.
    (0) 
  3. A. Sargesjan

    Hi,

    We have a NW 7.4 SP11 system, but the SAPUI5 runtime is not available for step 1. Do we have to enable this option?

    Any help would be appreciated.

    Regards

    (0) 

Leave a Reply