SAP UI5 (HTML 5)

[ramesh_duraisamy]

Hi,

Can somebody explain, what is SAP UI5? and how it's related to SAP FIORI?

Thanks and Regards,

Ramesh D

[vivekbhoj]

Hi Ramesh,

SAP UI5 is a JavaScript library used to build web applications while Fiori is a collection of Web Applications. They use SAP UI5 and ABAP in backend.

To learn more about SAP UI5, read:

SAPUI5 SDK - Demo Kit

To learn more about Fiori, read:

SAP Fiori - SAP Library

Regards,

Vivek

[Former Member]

hey i want to ask how to display vertical layout in my program ?

[former_member189224]

hi  raj,

           The vertical layout is used for  displaying element   or controllers (Buttons) in vertical layout.

  example: i have taken two buttons ,that buttons  are displayed in vertical.

//create two buttons

var btn1= new sap.ui.commons.Button({text:"FirstName", tooltip:"First Name"});

var  btn2 = new sap.ui.commons.Button({text:"LastName", tooltip:"Last Name"})

//attach to Vertical Layout

var oLayout = new sap.ui.layout.VerticalLayout("Layout1", {
content: [btn1,btn2]
});

// attach it to some element in the page
oLayout.placeAt("sample1");

2)    if you want to create  two buttons  in Horizontally you use Horizontal layout

          Horizonatal  layout is used for  displaying element   or controllers (Button) in  horizontal layout.

  example: i have taken two buttons ,that buttons  are displayed in  horizontal

//create two buttons

var btn1= new sap.ui.commons.Button({text:"FirstName", tooltip:"First Name"});

var  btn2 = new sap.ui.commons.Button({text:"LastName", tooltip:"Last Name"})

//attach to Vertical Layout

var   oLayout =  new sap.ui.layout.HorizontalLayout("Layout1", {
content: [btn1,btn2]
});

// attach it to some element in the page
oLayout.placeAt("sample1");