Skip to Content
avatar image
Former Member

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

Add comment
10|10000 characters needed characters exceeded

  • Get RSS Feed

1 Answer

  • Best Answer
    avatar image
    Former Member
    Dec 25, 2014 at 12:13 PM

    Hi Koti, check this example: SAPUI5 Explored



    Add comment
    10|10000 characters needed characters exceeded