SAPUI5 Split App Application in SAP Web IDE

Hi Experts,

I am working on SAPUI5 Application development using SAP Web IDE. I have started to use this SAP web IDE few days back. Before that i have used Eclipse to develop SAPUI5 Application. I have created the Employee List and Detail page using IDE. But this is a Full Screen view app. i am trying to change this full screen view into Split app.

I dont want to use the Master-detail Template i have done some app using the template.. How to convert this app into Split-app. Please help me on this.

In SAPUI5 Fiori like 10 exercises , there is a file called App.view.js. There we mention the app type either App or Split-app. But how to do the same kind of coding here in SAP Web IDE.

Master Screen:

Detail Screen:

Master.view.xml code:

<mvc:View xmlns:html="http://www.w3.org/1999/xhtml" xmlns:mvc="sap.ui.core.mvc" xmlns="sap.m"

controllerName="com.sap.ui.myapp.controller.Master">

<App id="masterAppID">

<pages>

<Page id="pageID" title="Employee Details">

<content>

<List id="employeeList" headerText="Employee List" items="{/Employees}">

<items>

<StandardListItem

title="{FirstName} {LastName}"

iconDensityAware="false"

iconInset="false"

type="Navigation"

press="onListItemPressed"/>

</items>

</List>

</content>

</Page>

</pages>

</App>

</mvc:View>

Thank you,

Regards,

JK