Skip to Content

Archived discussions are read-only. Learn more about SAP Q&A

SplitContainer should display both Master and Detail Views.


Currently I am facing trouble to display both master and detail views into SplitContainer from root view ( App.View.Js).Please suggest me sample code for achieving this.

I want to put Master and Detail Views along direction of Top and Bottom with SplitContainer as it is not possible with SplitApp.Please suggest alternatives as well.

sap.ui.jsview("sap.ui.demo.myFiori.view.App", {

  getControllerName: function () {

  return "sap.ui.demo.myFiori.view.App";


  createContent: function (oController) {

  // to avoid scroll bars on desktop the root view must be set to block display


  // create app = new sap.m.SplitApp();

  // load the master page

  var master = sap.ui.xmlview("Master", "sap.ui.demo.myFiori.view.Master");

  master.getController().nav = this.getController();, true);

  // load the Detail page

  var detail = sap.ui.xmlview("Detail", "sap.ui.demo.myFiori.view.Detail");, false);



  // done





Koti Reddy

Former Member

Helpful Answer

Not what you were looking for? View more on this topic or Ask a question