Features (Advanced Components)
  • 14 Feb 2024
  • 2 Minutes to read
  • Contributors
  • Dark
    Light
  • PDF

Features (Advanced Components)

  • Dark
    Light
  • PDF

Article Summary

These are advanced components that are used for a specific purpose only. Some of these components like Address Book, Barcode Scanner, Map, GPS, and Phone Call are used only on Mobile devices and are not available on the Web. Thus, these components are particularly designed for mobile applications only. 

1) SIGNATURE

It is used to include a user's signature on the canvas. The signature can be cleared by clicking on the Delete icon.

PROPERTIES:

Signature: ID(Add Variable), Title, Enabled, Data(Link To Data Source),Tooltip, Text, Style, Layout

Signature ThumbnailSignature on CanvasSignature Properties
signature.pngSignature-updated-11july

2) ADDRESS BOOK

The Address Book of the user from their respective mobile device can be accessed using this component. The Name and Number field properties are mapped to variables and sent to the database.

PROPERTIES:

Address Book:  ID(Add Variable), Title, Placeholder, Enabled, Name -Data(Link To Data Source), Number - Data(Link To Data Source), Interactions, Tooltip, Text, Style, Layout.

Address book ThumbnailThe Address book on CanvasAddress book Properties
address book.pngAddressbook-updated-11july

3) BARCODE SCANNER

The component helps to scan barcodes. The data from the scanned barcode is mapped to a variable and can eventually be stored in the database.

PROPERTIES:

Barcode Scanner: ID(Add Variable), Title, Placeholder, Enabled, Data(Link To Data Source), Interactions, Tooltip, Text, Style, Layout 

Barcode Scanner ThumbnailBarcode Scanner on CanvasBarcode Scanner Properties
barcode scanner.pngBarcodescanner-updated
Note
The Barcode Scanner component is compatible only on a mobile device with camera. While scanning a barcode with any other device( barcode readers) ensure to use a Text Input component.

4) MAP

The map component provides an interface to the user to see a location map. The user can define the following properties in a map component to display a specific location to the user at runtime.

  • MapType- Indicates the type of map view. Select one of the options from the drop-down list. 
    • Hybrid
    • Roadmap
    • Satellite
    • Terrain

Alternatively, this property can be defined through a variable.

  • MapDraw- Indicates an area defined by a series of coordinates in specific shapes. Select one of the options from the drop-down list. (refer to the sample screenshot below for each type to see how it will be displayed in the app.)
Circle
map-circle
Marker
map-markers
Polygon
map-polygon

Alternatively, this property can be defined through a variable.

  • Coordinates - Indicates the latitude and longitude information. This property can be defined only through variables.
    • Name
    • Latitude
    • Longitude

The other common properties are listed below:

PROPERTIES:

Map: ID, Interactions, Tooltip, Style, Layout

Map ThumbnailMap on CanvasMap Properties
gps.pngmap(1)map-properties-newmap-properties-new2

5) GPS

The device location can be tracked through the GPS component. The Latitude and Longitude values can be mapped to string variables in the properties section.

PROPERTIES:

GPS: ID, Title, Placeholder, Enabled, Latitude/Longitude(Link To Data Source), Interactions, Tooltip, Text, Style, Layout

GPS ThumbnailGPS on CanvasGPS Properties
loc.pngGPS-Updated-11july

6) PHONECALL

This component is used to make calls from the user’s device. The calls can be made by user entered phone numbers or from the contacts mapped in the Address Book component.

PROPERTIES:

Phone Call: ID(Add Variable), Title, Placeholder, Enabled, Data (Link To Data Source), Interactions, Tooltip, Text, Style, Layout

Phone Call ThumbnailPhone Call on CanvasPhone Call Properties
phonecall.pngphonecall-updated



Was this article helpful?

ESC

Eddy, a super-smart generative AI, opening up ways to have tailored queries and responses