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

Layout issue


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();


//PieChart - covers second half page of browser

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


//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?