1.8

Fields Table
The Fields Table element adds a table with two rows, a delete button at the end of the first row
and an add button at the end of the second row. Inside the rows you can put whatever elements
you need. The user can click (or rather, touch) the Add button to add a row to the table. The
new row will contain the same elements as the first row. The names of all elements in the first
row will be extended with __0, while the names of the elements in the second row will be
extended with __1, etc. (This means that the submitted data can be grouped; see "Grouping
data using arrays" on page434.)
Geolocation
The Geolocation Element adds a button to read the device's current GPS coordinates and save
them in a form field. When the button is pressed, the GPS coordinates are requested and
saved. When the form is submitted, the Geolocation data is sent in plain text.
High accuracy
By default, devices attempt to retrieve a position using network-based methods. To tell the
framework to use more accurate methods, such as satellite positioning, the High Accuracy
setting has to be enabled on the Geolocation element.
To make this setting, right-click the Geolocation element (or select it on the Outline pane) after
adding it to the form, select Geolocation properties and check the High Accuracy option.
Note
The Geolocation element has several options, of which only one can be set via the user interface.
All options, including those that cannot be set in Design view, can be set via the data-params
attribute in the HTML, or in code; see "Using the COTG plugin: cotg-2.0.0.js" on page442.
Image & Annotation
The Image & Annotation element is meant to be used with an image that needs input from the
user. When inserting an Image & Annotation element you have to select the image. The user
can simply click (or rather, touch) the image to bring up the annotation dialog. Annotations can
be made in a Marker (semi-transparent) or Pencil (solid) style, in different colors and with
different widths.
Annotations are submitted in SVG format by a hidden input. The name of that input is the ID of
the Image & Annotation element, followed by "-note-data", for example image_annotation1-
note-data.
Page 524