Hi Folks,
I really like the look & feel of the ux3 Shell with its worksetitems. So at the moment I´m trying to build an Application using a sap.m.Splitapp inside a ux3.Shell but I don´t get the Splitapp shown up in the shell. With every other Control it´s no problem. So I would like to now if it is even possible to do that, because in my understanding the ux3.shell and the splitapp serve almost similar purposes (build a frame around the application with navigation features) so maybe they just don´t work together.
But if it is possible to use the sap.m.SplitApp inside the ux3.shell I attached my source code because maybe I just made a mistake somewhere and am unable to find it on my own.
createContent : function(oController) { this.setHeight("100%"); this.setWidth ("100%"); var SplitApp = this.createSplit(); var Shell = this.createShell(); Shell.addContent(SplitApp); return mainView; }, createSplit : function (){ var oSplitApp = new sap.m.SplitApp("portalApp", {width:"1200px", hight: "800px"}); oSplitApp.setHomeIcon(new sap.ui.commons.Image({ src: "Image/logo.JPG" })); var oDetail_Startseite = sap.ui.jsview("detail_Startseite","shell.Detail_Startseite"); //a Detail-Page var oMaster_zSelektion = sap.ui.jsview("master_zSelektion","shell.Master_Navigation"); //a Master-Page oSplitApp.addPage(oMaster_zSelektion,true); oSplitApp.addPage(oDetail_Startseite,false); oSplitApp.setInitialDetail(oDetail_Startseite); oSplitApp.setInitialMaster(oMaster_zSelektion); oSplitApp.setDefaultTransitionNameDetail("fade"); return oSplitApp; }, createShell : function (oController){ var oShell = new sap.ui.ux3.Shell("myShell", { appTitle: "Webshop!", appIconTooltip: "SAP logo", showLogoutButton: false, showSearchTool: true, showInspectorTool: false, showFeederTool: false, worksetItems: [ new sap.ui.ux3.NavigationItem("WI_home1",{key:"wi_home1",text:"Startseite"}), new sap.ui.ux3.NavigationItem("WI_home2",{key:"wi_home2",text:"Warenkorb"}), new sap.ui.ux3.NavigationItem("WI_home3",{key:"wi_home3",text:"Download"}), new sap.ui.ux3.NavigationItem("WI_home4",{key:"wi_home4",text:"Katalog anfordern"}), new sap.ui.ux3.NavigationItem("WI_home5",{key:"wi_home5",text:"\u00FCber Helia"}), new sap.ui.ux3.NavigationItem("WI_home6",{key:"wi_home6",text:"Newsletter"}), new sap.ui.ux3.NavigationItem("WI_home7",{key:"wi_home7",text:"Direktbestellung"}), new sap.ui.ux3.NavigationItem("WI_API",{key:"wi_api",text:"Kontaktdaten"})], headerItems: [new sap.ui.commons.TextView({text:"sind sind angemeldet mit: Test Meyer",tooltip:"U.Name"}), new sap.ui.commons.Button({text:"DE / EN ",tooltip:"Sprache ändern",press:function(oEvent){alert("Here could open an personalize dialog");}}), new sap.ui.commons.MenuButton({ text: "Impressum", tooltip: "Help Menu", menu: new sap.ui.commons.Menu("menu1",{items:[ new sap.ui.commons.MenuItem("menuitem1",{text:"Help"}), new sap.ui.commons.MenuItem("menuitem2",{text:"Report Incident"}), new sap.ui.commons.MenuItem("menuitem3",{text:"About"})]}) })], }); return oShell; }I kindly hope for some guidance regarding the aforementioned aspect.
Greetings
Hendrik