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 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:

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.

Calendar Section

Calendar is a container that provides a calendar view for the users to select a date or scroll between months/weeks.

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.

Data Table

A data table is a range of labeled columns and rows used to present numbers, text, or even images. Generally, data tables are a grid layout of columns and rows.

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.


Last update: December 7, 2023