Skip to Content
Author's profile photo Ehud Nir

VC5 – new elements and properties

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

Assigned Tags

      5 Comments
      You must be Logged on to comment or reply to a post.
      Author's profile photo Vinod Kumar
      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

      Author's profile photo Ehud Nir
      Ehud Nir
      Blog Post Author

      Hi Vinod,

      Please see Yariv's response here about the release: Visual Composer future development.

      Thanks 🙂

      Udi

      Author's profile photo Ehud Nir
      Ehud Nir
      Blog 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.
      Author's profile photo Former Member
      Former Member

      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

      Author's profile photo Tobias Hamdorf
      Tobias Hamdorf

      Hi Ehud,

      does VC5 support responsive design paradigm? Do I have any influence on its behavior depending on screen size?

      Regards

      Tobias