2018.1

Table Of Contents
It is also possible to add COTG Elements dynamically, to set defaults for COTG elements and
to react to custom events that occur when a user interacts with a COTG element. For more
information see: "Using the COTG plugin: cotg-2.0.0.js" on page499 and "Dynamically adding
COTG widgets" on page502.
Barcode Scanner
The Barcode Scanner element adds a button to trigger the device to scan a barcode. A very
large variety of barcode types are supported. Once the barcode has been scanned, the data
from the barcode will be added to the COTG Form and submitted along with it.
Note
Using the Barcode Scanner element requires the installation of the ZXing Barcode Scanner
application on Android devices. The application returns the barcode data after scanning.
Camera
The Camera element adds a group of buttons to capture or select an image. Once the image is
selected via the camera or the device's library (aka "gallery"), it is saved within the Form data.
When the form is submitted, the image is sent in a base64-encoded string format. To learn how
to add Camera data to a template, see "Adding Camera data to the template" on page469.
The Camera element has a number of options, of which most can be set in the Design view.
These options are described below.
All options, including options that cannot be set via the Design view, can be set via the Source
view or in code; see "Changing default settings for widgets" on page500.
Buttons
By default, the Camera element adds three buttons to the form:
l
Take now: Opens the device's default Camera application to take a picture using the
device's camera. Capture OnTheGo has no impact on the device's applications, so the
features available (quality, orientation, filters) are dependent on the device itself. You can,
however, set the format, quality and scaling for images that are submitted by the Camera
element, as explained below.
Page 481