Select your user interface: Web Shell Smart Client

Page Components

Pages are central to the organization of the Infinity user interface. They bring together other user interface-related features and display them for end users. The basic components of a page include the summary section, tabs, sections, and action groups. Here is an example of these parts in Infinity:

Page Action Groups

The red box highlights several page action groups in the explorer bar. Each link in each group represents a page action. These actions call other specs, typically referred to as Features. For example, the Edit lookup IDaction calls an Edit Data Form, while Mark deceased calls a record operation. The bottom three action groups (View as, More information, and Reports) are navigational actions and simply take the user to different pages.

Note: In versions 3.0 and later, the View as and More information action groups no longer appear. The content that these actions displayed was incorporated into the Constituent page.

Header

The yellow box highlights the header with a page caption. The caption is simply one attribute on a page spec, but what is important here is that the page caption displays the name for the record that the page displays. Since the page is generic XML, the page has to dynamically know how to read a constituent's name and display the text. In the same way, the page has to know whether to show Mark inactive vs. Mark active. To determine what to show in these instances, Page Expressions are used.

Summary Section

The pink box highlights the summary section, which is optional and simply displays a ViewDataForm. A page can have a maximum of one summary section. The SummarySectionXMLelement typically displays "at a glance" information about an individual record, with additional details below it. The summary section is optional.

Tabs

The red box highlights several tabs. Tabs are the primary way to lay out the contents on a page and separate different aspects of your functionality. Each tab contains one or more page sections.

Sections

The blue boxes highlight the page sections within tabs. A page section is an organization mechanism where you can place features such as a View Data Form, Data List, Report, or Custom UI Model, to name a few.

Section Action Groups

The blue boxes highlight section action groups. Actions are Infinity's way to define the actions that users can take. They come in a variety of flavors. They can enable the user to show a Data Form Spec (for adding, editing, or a viewing), navigate to a page, show a report, perform a row operation (e.g. delete), or execute a completely custom block of code.