Page

Defines a Page component.

This component helps creating pages for your application with all required files and references.
To be displayed correctly, your Page component should contain:
• a Header component
• a Content component
• a Footer component


The Header is a root component that sits at the top of the page and may hold NavBar or Toolbar components.
The Footer is a root component that sits at the bottom of the page and may hold Toolbar component.
The Content is a root component that sits at the middle of the page and holds all other components.
You can also write some custom code by using the “Edit Page class” menu.
This will enable you to run some type script
between the markers
/* Begin_c8o_xxxxxxxxxxx */
and the markers
/* End_c8o_xxxxxxxxxxx */
Within a page, you can access some object from any CustomAction or Action property or Action variable :
• in a CustomAction use page[“myObject”] to access a “myObject” declared in the page class
• in an Action variable or property (TS Mode) use c8opage[“MyObject”] a “myObject” declared in the page class
• in an Action variable or property (TS Mode) use this.MyFunction() to invoke a ‘MyFunction()’ declared function in the page class
• in a CustomAction use props.stack[“root”].in.myIndex to access a ‘myIndex’ or ‘myItem’ variable configured in a ‘ForEach’ directive
• in an Action variable or property (TS Mode) use stack[“root”].in.myIndex to access a ‘myIndex’ or ‘myItem’ variable configured in a ‘ForEach’ directive