This is the multi-page printable view of this section. Click here to print.

Return to the regular view of this page.

Pager Components

Pager components augment functionality of LISTING and CHART/DATABLE

1 - Object Pager

An object pager creates a swipeable view of a collection of instances

Object pager

An Object pager components gives you a swipeable display, each swipe representing a record of a chosen Object type.

SELECT transition like List

Data filtering

You determine which instances will be paged through using the familiar interface

On each swipe, what happens?

To configure this is just to choose a Component (or component sub-tree), which can handle instances of the kind being swiped.

You could choose to have a simple Object View for example, but you could also have a Tabbed View , with several tabs giving access to actions to do with the instances etc.

The point is, an Object pager mediates between the collection of records available and a component which handles the individual records

Using an ObjectPager in conjunction with an Object View to page through (swipeable on device) invoices one by one

Object pager selects an instance - creates a downstream

At any point, when using the Object pager, an instance is selected by the user.

Swiping is a different UI gesture than clicking on a list row, but the effect is the same: an instance has been selected, and a “downstream” is consequently opened up.

This means you specify a component to show the instance, but it can simply be the root of a sub-tree of components dealing with the instance.

Downstream of a selection, the Object Pager begins swiping at the selection

If the Object Pager is located downstream of the selection of an instance of its type, then the paging will start at that instance, unless, given the filters defined within the Object Pager, that instance does not appear in its target set of data.

2 - Period Pager

Define a downstream in which time is divided into periods

/// – [List] /// – [Chart] /// – [DataTable] /// – [WebView]

Period pager

A Period pager, like an Object pager, presents a swipeable display.

With an Object pager, each swipe takes you from one instance of an Object to another.

With a Period pager, each swipe takes you from one period to the next

just 1.43 needed for this!

Using a PeriodPager to look through invoices by month, by year

Date fields

For each Object type defined within your Project, you can select a date field.

This would be the field that this Period Pager uses in order to determine which instances belong to which period.

The Period type

You can choose to create a swipeable monthly report, weekly report. etc.

The component to display results from a single period

With Object Pager, the “result” is one instance.

With Period Pager it can be zero or many.

The component to display the result needs to be able to handle multiple instances (so an Object View is not appropriate for example).

It could be a Listing, a Datatable, a Chart, a Cards (if the object you are displaying has Cards badge)