app

App Forms: Used to complete reports, tasks, and actions in the app

App forms are used for care guides within the web app, whether accessed in browser or via the Android app. When a user completes an app form, the contents are saved in the database with the type data_record. These docs are known in the app as Reports.

App forms are defined by the following files:

  • A XML form definition using a CHT-enhanced ODK XForm format
  • A XLSForm form definition, easier to write and converts to the XForm (optional)
  • Meta information in the {form_name}.properties.json file (optional)
  • Media files in the {form_name}-media directory (optional). How to include multimedia files.

XForm

A CHT-enhanced version of the ODK XForm standard is supported.

Data needed during the completion of the form (eg patient’s name, prior information) is passed into the inputs group. Reports that have at least one of place_id, patient_id, and patient_uuid at the top level will be associated with that contact.

See Also: Passing contact data to care guides

A typical form ends with a summary group (eg group_summary, or group_review) where important information is shown to the user before they submit the form.

In between the inputs and the closing group is the form flow - a collection of questions that can be grouped into pages. All data fields submitted with a form are stored, but often important information that will need to be accessed from the form is brought to the top level. To make sure forms are properly associated to a contact, make sure at least one of place_id, patient_id, and patient_uuid is stored at the top level of the form.

See Also: Content and Layout

XLSForm

Since writing raw XML can be tedious, we suggest creating the forms using the XLSForm standard, and using the cht-conf command line configurer tool to convert them to XForm format.

typenamelabelrelevantappearancecalculate
begin groupinputsInputs./source = ‘user’field-list
hiddensource
hiddensource_id
hiddentask_idTask_ID
begin groupcontact
string_idPatient IDselect-contact type-person
stringpatient_idMedic IDhidden
stringnamePatient Namehidden
end group
end group
calculate_id../inputs/contact/_id
calculatepatient_id../inputs/contact/patient_id
calculatename../inputs/contact/name
begin groupgroup_summarySummaryfield-list summary
noter_patient_info**${patient_name}** ID: ${r_patient_id}
noter_followupFollow Up <i class=“fa fa-flag”></i>
noter_followup_note${r_followup_instructions}
end group

Note: If the form uses a file picker to upload any type of file, and it is accessed by using CHT Android, then include the READ_EXTERNAL_STORAGE permission in order to access the files in the device. To enable this permission add the following line in the branded app’s AndroidManifest.xml.

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

Supported XLSForm Meta Fields

XLSForm has a number of data type options available for meta data collection, of which the following are supported in CHT app forms:

elementdescription
startA timestamp of when the form entry was started, which occurs when the form is fully loaded.
endA timestamp of when the form entry ended, which is when the user hits the Submit button.
todayDay on which the form entry was started.

XPath

Calculations are achieved within app forms using XPath statements in the “calculate” field of XForms and XLSForms. CHT apps support XPath from the ODK XForm spec, which is based on a subset of XPath 1.0, and is evaluated by openrosa-xpath-evaluator. The ODK XForm documentation provides useful notes about the available operators and functions. Additionally, CHT specific functions are available for forms in CHT apps.

CHT XForm Widgets

Some XForm widgets have been added or modified for use in CHT applications. The code for these widgets can be found in the CHT Core Framework repository.

Bikram Sambat Datepicker

Calendar widget using Bikram Sambat calendar, which is used by default for appropriate languages. The CHT documentation includes a conversion tool to check the conversion between Gregorian and Bikram Sambat dates.

See Also: `to-bikram-sambat` XPath function

Countdown Timer

A visual timer widget that starts when tapped/clicked, and has an audible alert when done. To use it, first make sure you have the namespaces column in the “settings” tab of your XLSForm populated with a value that includes cht=https://communityhealthtoolkit.org. Then, you can add the timer as a trigger field with the appearance set to countdown-timer. The duration of the timer (in seconds) can be set in a column named instance::cht:duration (the default value is 60).

typeappearanceinstance::cht:duration
triggercountdown-timer30

If you want to make the timer mandatory so users must wait for the timer to complete before continuing to the next page or submitting the form, you can populate the required column with an XPath expression as you would do for any other required question. A value of "OK" will be set for the trigger field when the timer completes.

Contact Selector

A dropdown field to search and select a person or place, and save their UUID in the report. The contact’s data will also be mapped to fields with matching names within the containing group. If the contact selector’s appearance includes bind-id-only, the associated data fields are not mapped. See the form input guide for an example.

Rapid Diagnostic Test Capture

Take a picture of a Rapid Diagnotistic Test and save it with the report. Works with rdt-capture Android application. To use create a string field with appearance mrdt-verify.

Display Base64 Image

Available in +3.13.0.

To display an image based on a field containing the Base64 encode value, add the appearance display-base64-image to a field type text.

Android App Launcher

Available in +3.13.0 and in Android device only.

A widget to launch an Android app that receives and sends data back to an app form in CHT-Core.

This widget requires the cht-android app in order to work, and will be disabled for users running the CHT in a browser. This widget requires the READ_EXTERNAL_STORAGE permission in CHT Android to work properly, to enable this permission add the following line in the branded app’s AndroidManifest.xml.

<uses-permission android:name="android.permission.READ_EXTERNAL_STORAGE"/>

Use the Android App Launcher widget in a form to configure an intent to launch an Android app installed in the mobile device. The widget will send values from input fields type text to the app and will assign the app’s response into output fields type text. The only supported field type is text. The widget will automatically display a button to launch the app.

To define the widget, create a group with the appearance android-app-launcher, then define the Android intent fields with type text. The fields action, category, type, uri, packageName and flags are optional. Every Android app has specific ways of launching with intents, so check the app’s documentation and assign the corresponding values in the default column. See example below:

typenamelabelappearancerepeat_countdefault
begin groupcamera-appNO_LABELandroid-app-launcher
textactionNO_LABELandroid.media.action.IMAGE_CAPTURE
textcategoryNO_LABEL
texttypeNO_LABEL
texturiNO_LABEL
textpackageNameNO_LABEL
textflagsNO_LABEL
end groupcamera-app

To define the widget’s input fields and send data as Android Intent’s extras, create a group inside the widget with the appearance android-app-inputs. In order to assign the app’s response to the widget’s output fields, create a group with the appearance android-app-outputs.

Important to remember: The fields inside the input and the output groups should to match in name and location to what the Android app receives and returns, otherwise the communication between the widget and the Android app won’t work properly.

typenamelabelappearancerepeat_countdefault
begin groupcamera-appNO_LABELandroid-app-launcher
textactionNO_LABELandroid.media.action.IMAGE_CAPTURE
begin groupcamera-app-inputsNO_LABELandroid-app-inputs
textlocationLocation
textdestinationDestination
end groupcamera-app-inputs
begin groupcamera-app-outputsNO_LABELandroid-app-outputs
textpicturePicture
textdateDate
end groupcamera-app-outputs
end groupcamera-app

To instruct the widget to process nested data objects, create a new group inside the input or the output group with the appearance android-app-object. Objects cannot be assigned to a field, it should be a group with fields to map the properties to fields that share the same name.

Important to remember: The nested group’s name should match in name and location to what the Android app receives and returns, otherwise it won’t be able to find the nested object.

typenamelabelappearancerepeat_countdefault
begin groupcamera-appNO_LABELandroid-app-launcher
textactionNO_LABELandroid.media.action.IMAGE_CAPTURE
begin groupcamera-app-inputsNO_LABELandroid-app-inputs
textlocationLocation
begin groupphoto_configurationNO_LABELandroid-app-object
textapertureAperture
textshutter_speedShutter Speed
end groupphoto_configuration
end groupcamera-app-inputs
begin groupcamera-app-outputsNO_LABELandroid-app-outputs
textpicturePicture
textdateDate
end groupcamera-app-outputs
end groupcamera-app

To instruct the widget to process an array of strings or numbers, create a new repeat with fix size in the repeat_count column and place it inside the input or the output group with the appearance android-app-value-list, then create 1 field type text to store every array’s value, only 1 field is allowed. To process an array of objects, use the appearance android-app-object-list instead.

Important to remember: The repeat’s name should match in name and location to what the Android app receives and returns, otherwise it won’t be able to find the array.

typenamelabelappearancerepeat_countdefault
begin groupcamera-appNO_LABELandroid-app-launcher
textactionNO_LABELandroid.media.action.IMAGE_CAPTURE
textflagsNO_LABEL268435456
begin groupcamera-app-inputsNO_LABELandroid-app-inputs
textlocationLocation
begin repeatphoto_filtersNO_LABELandroid-app-value-list2
textfilterFilter
end repeat
end groupcamera-app-inputs
begin groupcamera-app-outputsNO_LABELandroid-app-outputs
textdateDate
begin repeatcaptureNO_LABELandroid-app-object-list3
textlight_percentageLight
textcontrast_percentageContrast
begin grouppatient_detailsNO_LABELandroid-app-object
textpicturePatient picture
textpatient_idPatient ID
textpatient_namePatient name
end grouppatient_details
end repeat
end groupcamera-app-outputs
end groupcamera-app

Phone number input

When accepting telephone numbers in a form, the phone widget validates the given phone number is valid for the server’s configured locale and can optionally check to see if a duplicate contact already exists with the same phone number.

To use the widget, create a string field with the appearance numbers tel. This will produce a text box input field in the form where the user can enter the phone number. Values entered for this field will be rejected if they are not valid phone numbers for the server’s configured default_country_code (as determined by the google-libphonenumber library). Additionally, valid input will be normalized to the E164 format (e.g. +1234567890) before storing it in the form data model.

The widget can also reject phone numbers that are already associated with an existing contact. (A contact already exists with the same phone number value in its phone field.) To enable this duplicate checking for a particular field, first make sure you have the namespaces column in the “settings” tab of your XLSForm populated with a value that includes cht=https://communityhealthtoolkit.org. Then, in the “survey” tab, add a column called instance::cht:unique_tel and set the value to true for the phone number field.

A validation failure, either for an invalid or duplicate phone number will prevent the form from being submitted. To also display an error message to the user, set true in the constraint column for the phone number field and enter localized messages in the desired constraint_message::xx columns.

typeappearanceinstance::cht:unique_telconstraintconstraint_message::en
stringnumbers teltruetruePlease enter a valid phone number.

CHT XPath Functions

add-date

Added in 4.0.0.

Adds the provided number of years/months/days/hours/minutes to a date value.

add-date(date, years, months, days, hours, minutes)

This function is useful for things like calculating a date that is a specific number of days in the future. For example, the following returns a date that is two weeks from now: add-date(today(), 0, 0, 14).

You can also add negative numbers to get dates in the past. This can be used to calculate a person’s birthdate date based on how many years/months old they are: add-date(today(), 0-${age_years}, 0-${age_months}).

cht:difference-in-days

Added in 4.7.0.

Calculates the number of whole days between two dates.

cht:difference-in-weeks

Added in 4.7.0.

Calculates the number of whole calendar weeks between two dates.

cht:difference-in-months

Calculates the number of whole calendar months between two dates. This is often used when determining a child’s age for immunizations or assessments.

cht:difference-in-years

Added in 4.7.0.

Calculates the number of whole calendar years between two dates.

cht:extension-lib

Added in 4.2.0.

This function invokes a configured extension library. The first parameter is a string with the name of the library to execute, and any remaining parameters are passed through as is. For example, to calculate an average of two numbers, the xpath could be: cht:extension-lib('average.js', /data/first, /data/second ).

cht:strip-whitespace

Added in 4.10.0.

Removes all whitespace characters from a string.

cht:validate-luhn

Added in 4.10.0.

Validate a given number using the Luhn algorithm to help detect typos. Provide the field as the first parameter and optionally include the expected string length in the second parameter. Returns true if the number is valid.

parse-timestamp-to-date

Added in 3.13.0.

Use this function to parse from a timestamp number to a date. This is useful when using other XForm utility functions that receive date type as parameter, see example below:

typenamelabelcalculationdefault
stringstart_date_timeNO_LABEL1628945040308
stringstart_date_time_formattedStarted on:format-date-time(parse-timestamp-to-date(${start_date_time}), “%e/%b/%Y %H:%M:%S”)

to-bikram-sambat

Added in 3.14.0.

This function converts a date to a string containing the value of the date formatted according to the Bikram Sambat calendar.

See also: Bikram Sambat Datepicker

z-score

In Enketo forms you have access to an XPath function to calculate the z-score value for a patient. The function accesses table data stored in CouchDB.

The z-score function takes four parameters:

  • The name of z-score table to use, which corresponds to value of the database document’s _id attribute.
  • Patient’s sex, which corresponds to the data object’s name. In the example below male for this parameter corresponds to charts[].data.male in the database document.
  • First parameter for the table lookup, such as age. Value maps to the key value in the database document.
  • Second parameter for the table lookup, such as height. Value is compared against the points in the database document.

Example Use

This example XForm form shows the use of the z-score function. To calculate the z-score for a patient given their sex, age, and weight the XPath calculation is as follows:

z-score('weight-for-age', ../my_sex, ../my_age, ../my_weight)

The data used by this function needs to be added to CouchDB. The example below shows the structure of the database document. It creates a weight-for-age table, where you can see that a male aged 0 at 2.08kg has a z-score of -3. Your database doc will be substantially larger, so you may find the conversion script helpful to convert z-score tables to the required doc format.

{
  "_id": "zscore-charts",
  "charts": [{
    "id": "weight-for-age",
    "data": {
      "male": [{
        "key": 0,
        "points": [ 1.701, 2.08, 2.459, 2.881, 3.346, 3.859, 4.419, 5.031, 5.642 ]
      }]
    }
  }]
}

Input data

app forms have access to a variety of input data depending on the source of the form.

CHT Special Fields

Some fields in app forms control specific aspects of CHT Apps, either to bring data into forms or for a feature outside of the form.

Quintiles

The NationalQuintile and UrbanQuintile fields on a form will be assigned to all people belonging to the place. This is helpful when household surveys have quintile information which could be used to target health services for individuals.

Read More: Tracking Wealth Quintiles

UHC Mode

When the visited_contact_uuid field is set at the top level of a form, this form is counted as a household visit in UHC Mode. This field must be a calculate field with the place UUID of the visited contact. You may run into performance issues if you configure this to look at forms submitted very frequently.

Read More: Configuring UHC Mode

Uploading Binary Attachments

Forms can include arbitrary binary data which is submitted and included in the doc as an attachment. If this is an image type it’ll then be displayed inline in the report UI.

To mark an element as having binary data add an extra column in the XLSForm called instance::type and specify binary in the element’s row.

Properties

The meta information in the {form_name}.properties.json file defines the form’s title and icon, as well as when and where the form should be available.

forms/app/{form_name}.properties.json

propertydescriptionrequired
titleThe form’s title seen in the app. Uses a localization array using the 2-letter code, not the translation keys discussed in the Localization section.yes
iconIcon associated with the form. The value is the image’s key in the resources.json file, as described in the Icons sectionyes
subject_keyOverride the default report list title with a custom translation key. The translation uses a summary of the report as the evaluation context so you can include report fields in your value, for example: Case registration {{case_id}}. Useful properties available in the summary include: from (the phone number of the sender), phone (the phone number of the report contact), form (the form code), subject.name (the name of the subject), and case_id (the generated case id). Defaults to the name of the report subject.no
hidden_fieldsArray of Strings of form fields to hide in the view report UI in the app. This is only applied to future reports and will not change how existing reports are displayed.no
contextThe context defines when and where the form should be available in the appno
context.personBoolean determining if the form can be seen in the Action list for a person’s profile. This is still subject to the expression.no
context.placeBoolean determining if the form can be seen in the Action list for a person’s profile. This is still subject to the expression.no
context.expressionA JavaScript expression which is evaluated when a contact profile or the reports tab is viewed. If the expression evaluates to true, the form will be listed as an available action. The inputs contact, user, and summary are available. By default, forms are not shown on the reports tab, use "expression": "!contact" to show the form on the Reports tab since there is no contact for this scenario.no
context.permissionString permission key required to allow the user to view and submit this form. If blank, this defaults to allowing all access.no

Code sample

In this sample properties file, the associated form would only show on a person’s page, and only if their sex is unspecified or female and they are between 10 and 65 years old:

forms/app/pregnancy.properties.json

  {
    "title": [
      {
        "locale": "en",
        "content": "New Pregnancy"
      },
      {
        "locale": "hi",
        "content": "नई गर्भावस्था"
      }
    ],
    "icon": "pregnancy-1",
    "hidden_fields": [ "private", "internal" ],
    "context": {
      "person": true,
      "place": false,
      "expression": "contact.type === 'person' && (!contact.sex || contact.sex === 'female') && (!contact.date_of_birth || (ageInYears(contact) >= 10 && ageInYears(contact) < 65))",
      "permission": "can_register_pregnancies"
    }
  }

Build

Convert and build the app forms into your application using the convert-app-forms and upload-app-forms actions in cht-conf.

cht --local convert-app-forms upload-app-forms

Building > Quick Guides > Forms > Form Inputs

Data accessible from within CHT forms