singlePageApp - Single Page Application

Contains a mobile application. Controls its layout and configuration.

Category

Mobile

Syntax

<xe:singlePageApp attributes>content</xe:singlePageApp>
Table 1. Essential properties
Property Description
id Defaults to singlePageApp1, singlePageApp2, and so on.
selectedPageName Identifies the appPage control that displays on page load.
Table 2. All properties
Category Properties
basics binding, id, loaded, rendered, rendererType, selectedPageName
styling disableTheme, themeId
events onOrientationChange, onResize

Usage

If you use this control, you can use the Single Page Applications Wizard to create an initial design framework for an XPage mobile application by using a "wizard" to guide you through the application creation steps after you drag a Single Page Application control onto an XPage. Refer to this topic for more information.

Examples

This example demonstrates a mobile application with one page which has a heading.
<?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="xpagesMobileApp"
		selectedPageName="homePage">
		<xe:appPage id="appPage1" pageName="homePage" >
			<xe:djxmHeading id="homePageHeading" label="Home"></xe:djxmHeading>
		</xe:appPage>
 	</xe:singlePageApp>
</xp:view>