Skip to content

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:

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.


Last update: September 29, 2020