Pages folder contains the metadata definitions for you application's pages. After you have created your new Mobile Development Kit project, a Main.page file is automatically created under the
You must have a valid Mobile Development Kit project.
- Under your newly created project, right-click the Pages folder and click
New MDK page.
- In the Template Section pane, select one of the following, based on the type of page you want to create:
- Form Cell Page
- Section Page
- Extension Page
Provide a name for the page and click Next Finish. A new blank page of the desired type is created under the Pages folder.
To start working with a page, double-click it or right-click and
Open MDK Page Editoror
Open Code Editor.
Changes made in the page editor simultaneously appear in the code editor.
You can select the default editor from Preferences Default Editors.
Form Cell Page A Form Cell Page is suitable for pages that generate new objects or modify existing objects. It includes a form cell container by default. You can add form sections, multiple containers or action controls to this page. Under each container section, you can add various container items.
Section Page A Section Page is suitable for pages that are used to display items, for example, a list of items or details of a single item. It includes a sectioned table by default. When you create a section page, a page with a blank section is created.
Extension Page An Extension Page is suitable for a page with one extension control (for example, a Map control or a Chart control). When you create an extension page, a page with an extension control is created.
Page Editor view contains the
Outline tabs on the left-hand side, where you can see the controls applicable for your app. Each of the three page types contains different controls.You can simply drag and drop UI elements from the
Controls tab directly into the
Page Editor of the page you created.
The Outline tab shows the control hierarchy of the page you are designing. When you add a control, it is displayed under the Outline tab. Also, you can easily choose nested controls from this view.
On the right-hand side of the
Page Editor, you can see the
Events tabs, which contain the properties of the currently selected control and the events that you can associate with the selected controls.
Code Editor view displays the codes for your metadata elements. As you add or modify contents in the
Page Editor, the changes simultaneously reflect in the