pageNavigation

The pageNavigation element specifies page navigation.

pageNavigation

Element Structure

The pageNavigation element structure is as follows:

<xs:complexType name="pageNavigation">

   <xs:sequence>

      <xs:element name="navigationTitle" type="xs:string" />

      <xs:element name="navigationRight" type="tns:button" minOccurs="0" maxOccurs="1"/>

      <xs:element name="navigationLeft" type="tns:button" minOccurs="0" maxOccurs="1"/>

   </xs:sequence>

</xs:complexType>

Sub-elements

The pageNavigation element contains the following sub-elements:

Name

Data Type

Comment

navigationTitle

string

Specifies what is displayed in the page navigation workspace.

navigationRight

button

Defines a button's options enabling the user to proceed running the application. For example, Next, Done or Save.

navigationLeft

button

Defines a button's options enabling the user to navigate backwards or cancel previous actions. For example, Back or Cancel.

Page Navigation Example

This section presents a sample navigation bar, followed by the JSON content that builds the UI representation.

PageNavigation

"pageNavigation" : {

        "navigationTitle" : "Capabilities",

        "navigationRight" : {

          "buttonState" : "NORMAL",

          "buttonVisible" : true,

          "buttonLabel" : "Next",

          "buttonAction" : "server://navigationType?type=NEXT&shouldSendFormData=true"

        },

        "navigationLeft" : {

          "buttonState" : "NORMAL",

          "buttonVisible" : true,

          "buttonLabel" : "Back",

          "buttonAction" : "server://navigationType?type=PREVIOUS&shouldSendFormData=false"

        }

      },