Skip to Content
0
Feb 17, 2014 at 11:14 AM

Layout issue

22 Views

Hi Everyone,

I am new to SAP UI5. I am exposing HANA OData Service and showing it as a Table and a Pie Chart in my JS file

I am showing both of them on a single page using 2 panels and one vertical layout

//Table - covers first half page of browser

var oPanel1 = new sap.ui.commons.Panel();

oPanel1.addContent(oTable);

//PieChart - covers second half page of browser

var oPanel2 = new sap.ui.commons.Panel();

oPanel2.addContent(oPieChart);

//Final Layout

var oLayout = new sap.ui.layout.VerticalLayout("Layout1", {

content: [oPanel1,oPanel2]

Now I have a requirement to add a map in the same layout

I want Table on first half page of browser and Pie Chart and Map as Side by side on the second half page of browser

I though of using Splitter for second half page but am not able to get it to work

How can I achieve this using Splitter? or is there a better way of achieving this layout?

Regards,

Vivek