I am extremely new for mobile controls of xpages, according to the documentation, I have changes the setting in the "Xsp Properties page" selected the check-box "use mobile theme for Xpages with prefix: _m". Then checked into the source tab and the status is
xsp.ajax.renderwholetree=false
xsp.error.page.default=true
xsp.library.depends=com.ibm.xsp.extlib.library,com.ibm.xsp.extlibx.library
xsp.persistence.mode=file
xsp.resources.aggregate=true
xsp.theme=oneuiv2.1
xsp.theme.mobile.pagePrefix=m_
Then I have stated with the test xpages using mobile controls The code for test page is
<?xml version="1.0" encoding="UTF-8"?>
<xp:view xmlns:xp="http://www.ibm.com/xsp/core"
xmlns:xe="http://www.ibm.com/xsp/coreex">
<xe:singlePageApp id="singlePageApp1"
selectedPageName="topicList">
<xe:appPage id="appPage2" pageName="topicList">
<xe:dataView id="dataView1">
<xe:this.data>
<xp:dominoView var="view1" viewName="topic"></xp:dominoView>
</xe:this.data>
<xe:this.summaryColumn>
<xe:viewSummaryColumn columnName="subject"></xe:viewSummaryColumn>
</xe:this.summaryColumn>
<xe:this.extraColumns>
<xe:viewExtraColumn columnName="MainContent"></xe:viewExtraColumn>
<xe:viewExtraColumn></xe:viewExtraColumn>
</xe:this.extraColumns>
</xe:dataView>
<xe:djxmHeading id="djxmHeading1" label="Topics"></xe:djxmHeading></xe:appPage>
<xe:appPage id="appPage1" pageName="topicDetails">
<xe:djxmHeading id="djxmHeading2" label="Details"
back="Back" moveTo="topicList">
</xe:djxmHeading></xe:appPage>
</xe:singlePageApp>
</xp:view>
No errors shows in designer and when i am trying see the result in safari browser or any browser it returns a blank page. I am not getting exactly what I an missing,and why I am not able see the page layout in browser.
Any suggestion will be helpful for me,
I could see the result as
Edit 2:error caught in console