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 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:
-
Data Bound Container: A data bound container 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 data bound container control are as its name suggest, populated by data binding. 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:
- Analytic Card Collection
- Chart Content Section
- Contact Cell Table
- Data Table
- Extension Object Collection - Object Collection with
Extension
for each cell - Extension Section
- Form Cell
- Grid Table
- Image Collection
- Object Card Collection
- Object Collection
- Object Table
- Simple Property Collection
- Timeline
- Timeline Preview
-
Static Container: This category includes controls that act as containers for other controls, such as container items. A static container is constant for all pages. The size of a container depends on the controls and contents included inside.
Each container type in a 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 KPI Header KPI Item KPI Section KPI Item Object Header Object Header Extension Profile Header KPI Item 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 Card Collection Object Card Item Static Object Collection Object Cell Item Static Object Table Object Cell Item Static Simple Property Collection Simple Property Cell Item -
Static Stand-alone control: This category includes controls that are stand alone that does not contain other control such as Image.
-
Section Bar: 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.
Analytic Card Collection¶
Analytic Card Collection is a container that manages and displays a set of Chart Cards. Chart Cards display a thumbnail view of a chart, with key information shown.
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.
Chart Content¶
Chart Content is a container that provides a visual representation of one or more datasets. Should be used when displaying the Chart Floorplan in a non-full-screen context.
Contact Cell¶
A contact cell provides quick information about a contact and also provide access to the various methods of communicating with a contact.
It can contain an image, several labels and activity items.
Contact Cell Table¶
This is a container 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.
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.
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.
Image Cell¶
This is a container item that can added to the Image Collection. It can display an image, a title and a subtitle.
Image Collection¶
This container manages and displays a set of image cells with image and titles in a grid-like arrangement, which you can configure in different layout types.
Key Value Collection¶
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.
KPI Header¶
KPI Header is a container that manages and displays the different Key Performance Indicators (KPI) in the form of a header.
KPI Section¶
KPI Section is a container that manages and displays the different Key Performance Indicators (KPI) in section.
Object Card¶
The object card is a flexible container with critical information regarding a single object. It previews the object and serves as the entry point to the full object detail page. The object card is highly customizable to accommodate various content types and use cases.
Object Card Collection¶
This control includes a view that manages and displays an ordered collection of object cards. Object Card Collection support horizontal scrolling and vertical layout.
Object Cell¶
An object cell provides quick information about an object, it is made up of text, images, or icons. They can be configured in many ways to accommodate a wide variety of use cases.
Object Collection¶
This control includes a view that manages and displays an ordered collection of object cells. Object Collection support multiple columns and support extension.
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.
Object Table¶
This container control manages and displays an ordered list of object cells. It supports filtering and sorting.
Profile Header¶
This is a section bar control. Profile header helps the user recognize and learn more about a person.
Simple Property Cell¶
This is a control that displays key-value properties with additional accessory.
Simple Property Collection¶
This is container that displays a list of Simple Property Cells. It supports multiple columns.
Timeline¶
The Timeline displays a list of items (objects, events, or posts) in chronological order. The information on the timeline view are presented as tappable cells, and are focused on the most important information about the object.
Timeline Preview¶
The timeline preview cell provides the user with a glimpse of upcoming objects, events, or posts using a horizontal timeline sorted by chronological order. The objects in the timeline preview cell are read-only.