User interface components: Difference between revisions

Latest revision as of 08:54, 18 November 2025

Resco Academy has a course on a similar subject:

User Interface

User interface components
Home screen View Responsive view design Row script Form Flexible form Process Tagged image Timeline Chart Hub Calendar Dashboard Tree view

The user interface of Resco mobile apps is built from components like views, forms, dashboards, maps, calendars. An unlimited number can be created. The app’s logic can interact with any of the services like sending email, starting a phone call, scanning a barcode, recording audio, or acquiring GPS position.

Home screen

When the app starts, the first thing the user sees is the home screen with a menu. Each item of the menu can open an entity view, form, calendar, or dashboard.

View

Entity view displays a list of items, each representing a single record of an entity. The view filter determines which records are shown. Choosing which entity fields are displayed and in which design is determined by the row design. Tapping an item opens the default entity form.

Form

The purpose of entity form is to view and edit a single record. A form is a combination of cards or tabs.

The primary tab type is the "detail". It is used to display related entity fields, for example, the address tab. The selection, position, and design of each field is configurable.
Another important type is the "associated view". For example, on an account form, you can list its associated contacts.

@@ Line 1: / Line 1: @@
+{{Academy|33|User Interface}}
 {{Template:UI Components TOC}}
-App’s user interface is built from components like views, forms, dashboards, maps, calendars. An unlimited number can be created. The app’s logic can interact with any of the services like email, call, scan-barcode, record-audio or acquire GPS.
+The user interface of [[Resco mobile apps]] is built from components like views, forms, dashboards, maps, calendars. An unlimited number can be created. The app’s logic can interact with any of the services like sending email, starting a phone call, scanning a barcode, recording audio, or acquiring GPS position.
+; Home screen
+When the app starts, the first thing the user sees is the '''[[home screen]]''' with a menu. Each item of the menu can open an entity view, form, calendar, or dashboard.
 ; View
-Entity '''view''' displays a list of items, each representing a single record of an entity. The '''view-filter''' determines which records. Choosing which entity fields are displayed and in which design is determined by the '''view-row''' design. Clicking on a view list item opens the default entity form.
+Entity '''[[view]]''' displays a list of items, each representing a single record of an entity. The view filter determines which records are shown. Choosing which entity fields are displayed and in which design is determined by the row design. Tapping an item opens the default entity form.
 ; Form
-The purpose of entity '''form''' is to view and edit a single record. Conceptually it is a combination of sub-components.
+The purpose of entity '''[[form]]''' is to view and edit a single record. A form is a combination of cards or tabs.
-* The main sub-component is the detail: a table of controls bound to entity fields. App chooses the correct control type (numeric vs checkbox) by the type of the field. The selection, position and design of each control is configurable.
+* The primary tab type is the "detail". It is used to display related entity fields, for example, the address tab. The selection, position, and design of each field is configurable.
-* The second sub-component is an associated view. This component is an entity view, that is pre-filtered by the relationship of the form’s entity and the view’s entity. The purpose is to present records related to the form’s record. The app recognizes lookup-fields, and allows the user to navigate to the related record by clicking the lookup-control on the entity-form.
+* Another important type is the "associated view". For example, on an account form, you can list its associated contacts.
-; Home screen
+[[File:Home-view-form.png|600px|home, view, and form in Resco Mobile CRM]]
-When the app starts, the first thing the user sees is the '''home screen''' with a menu. End each item of the menu can open an entity view, form, calendar or dashboard.
 [[Category:Core concepts]]