Section Page¶
A Section Page
is a term for a Page that contains a SectionedTable
.
It is suitable for pages that are used to display items, for example, a list of items or details of a single item. When you create a section page, a page with a blank section is created.
Section Page in Web IDE Mobile Development Kit Editor¶
You can add actions controls, compound controls, container items (within containers) and section bar to a section page.
When you drag and drop a control, the relevant section/container where you can add the control is highlighted in the Page Editor
.
Listed below are the different categories of controls that you can add in the Section Page
:
-
Action: This category contains controls that allow end users to trigger some actions in a page. It has two controls:
-
Compound: A compound control contains a group of other controls. Unlike in a container control where you can add your own child controls (container items), the child controls in a compound control are fixed. You can populate each of its child control by defining its data binding, depending on which the child controls are created.
It has the following controls:
- Contact Cell Table
- Extension Object Collection - Object Collection with
Extension
for each cell - Extension Section
- Grid Table
- Image Collection
- Object Collection
- Object Table
- Simple Property Collection
- Form Cell
-
Container: This category includes controls that act as containers for other controls, such as container items. A container is constant for all pages. The size of a container depends on the controls and contents included inside.
Each container type in a Form Cell Page can contain specific controls (container items).
The table below lists the different container controls and the container items that they can include:
Container Can include Container Item Object Header Object Header Extension Section Button Table Section Button Static Contact Cell Contact Cell Item Static Image Collection Image Cell Item Static Key Value Key Value Item Static Object Collection Object Cell Item Static Object Table Object Cell Item Static Simple Property Collection Simple Property Cell Item -
Section: This category includes the Header and the Footer controls.
Registered Extension Control: This category includes the extension controls that you have created to extend the functionality of your app and can be used as base controls by registering them using the Mobile Development Kit editor. To know how to register an extension control, see Registering Extension Control.
Contact Cell Table This is a table view container used to provide quick information about a contact and also provide access to the various methods of communicating with a contact. It is used for displaying and managing contact cells.
Extension Object Collection This is a control that you can use to display one or more custom extensions.
Extension Section This is a control that you can use to display a single custom extension.
Image Cell This is a container item that can added to the Static Image Collection. It displays an image.
Image Collection This container manages and displays a set of images with titles in a grid-like arrangement, which you can configure in different layout types.
Object Collection This control includes a view that manages and displays an ordered collection of object cells. Use Target binding to populate its cells.
Object Table This is a table style UI component for displaying information about an object.
Section Grid Table This is a container that allows you to use labeled columns in a grid and present numbers, text, or images in a tabular format. You can include Grid Row Items in this section.
Simple Property Collection This is a reusable UI component that you can use to display a key-value pair property. You can add header and footer to this control.
Object Header This is a container that you can use to display information about the header of an object. You can include an Object header extension cell item to display a custom extension in the Object Header container. You can add only one Object header as the first section in a table.
Section Button Table Section Button Table is a container that can display one or more buttons on a section page. You can include Section Button controls in a Section Button Table to trigger actions when pressed.
Static Contact Cell This is a container that can display one or more contact cell items on a section page. A Contact Cell item can contain an image, several labels and activity items.
Static Image Collection This container manages and displays a set of images with titles in a grid-like arrangement. In this container, you can include Image Collection items, which display information about images, objects.
Static Key Value This is a container that can display one or more key value pair items on a section page. In this container, you can include a Key Value Item, a simple key value cell that displays a label and a text pair.
Static Object Collection This container includes a view that manages and displays an ordered collection of object items. In this container, you can include Object Cell items, which display information about objects.
Static Object Table This is a table styled view that manages and displays ordered collection of object items. In this container, you can include Object Cell items, which display information about objects.
Static Simple Property Collection This is a container to display one or more Simple Property Cell items, which are reusable UI components used to display key-value pair properties.
Footer This is a section bar control to add a footer bar to compound and container controls. You can drag a footer into any compound or container control (except object header) in a section page.
Grid Header This is a section bar control to add a header bar to the Grid Table. After adding a Grid Header to a section, you can add Grid Row Items into it.
Header This is a section bar control to add a header bar to compound and container controls.
Profile Header This is a section bar control. Profile header helps the user recognize and learn more about a person.
Registered Extension Control This category includes the extension controls that you have created and registered using the Mobile Development Kit editor.