Component Description Configuration Remarks Example

Media

A picture from the web or from a File field.

A video from a File field.

A white backround for digital signing.

ExampleImage4

ExampleSigning1

Link

A link text that will take you to another form within the application, to a website or to run a report, among other actions.

Same remarks for Icon.

Additionally, Link can be dropped as a column in Table sections.

Link will not be displayed to users who do not have rights granted on the destination form.

BackToHomeForm

Label

Text to have on the form as a legend, i.e., a static label that is not bounded to any field.

Enter a Caption for this component.

When hovering over a Label component that has been cut off due to its length, a tooltip is displayed showing the entire content (this also applies to labels of fields).

Note that this component may have custom behavior.

WelcomeToOurSystem

Rectangle

Useful to frame or highlight an area within the form, e.g., to draw a section within a real section.

Optionally, edit its Style.

Note that this component may have custom behavior.

ExampleRectangle

Map

Geographic coordinates can be marked on this mapping service to store and identify the location referred by a record.

MapComponent

Map layer

Additional layers of location markers can be overlaid onto a Map component.

MapLayer

Map layer editor

A layer overlaid onto a Map component that includes tools to draw areas or edit existing ones.

A prerequisite to use this component is to have a Note field to store Geojson information.

Once overlaid onto a Map, select the proper Datasource, Limited by (may be the Selector or any section), Limitation field and Geojson field. Do not set any property to the Map.

MapLayerEditor3

Calendar

A full-size calendar with day, week or month-view.

Hover over the appointments (i.e., records) to display a tooltip with details.

The color of the event is defined by the Theme (unless Style rules are set to the Calendar to customize colors).

Example,Calendar

Icon

An icon to save records, to open a form, or to run a report, among other actions.

Record actions are a handful alternative instead of having the action icons at the top right corner of the form. Note that these actions are binded to the rights the user is granted to.

Note that this component may have custom behavior and/or run multiple actions.

IconComponent

Button

This component can integrate an icon and text in its design, useful to run reports, save records, open a form, scan a QR-code, take a screenshot to Maps, among other actions.

See configuration of Icon.

Note that this component has an additional action: QR-Scanner, in combination with the QR-code component.

*Note that multiple actions can be set via the Run on click property.

Note that this component may have custom behavior and/or run multiple actions.

ButtonComponents

Chart

There are three types of charts:

Bar , Line , and Pie .

Clicking a legend hides the respective series, while double-click shows only that one.

A tool bar is displayed when hovering over the top of the chart, that offers the possibility to download the chart as a PNG file and show closest data for Pie charts, and much more for Line and Bar charts.

For any chart where the x-axis field is Date, you may use the Date range selector to be able to filter by periods of time.

Chart1

Chart2

IQL Chart

An advanced way to configure this component; for example, you can summarize the data of an extensive table to render it as bars, lines or table, i.e., like a pivot chart.

For the Table type chart, the colors of the cells may be customized in combination with the Behavior property of the Count (or Sum, etc.) placed on the y-axis.

Also, it is possible to pin the first column of the table.

IQLChart1

IQLChart2

Meter

Ideal to graphically show the progress of a Number field based on a range, in the shape of a horizontal bar.

Set its Datasource and Range.

You may set colors depending on the range with rules.

Hover over the bar to display its value.

Meter

Gantt chart

Helps you schedule your project tasks and track the progress over time.

Click on Create new icon to add a Task.

Double-click the Task to quickly rename it.

Read about more features here.

GanttChart

Barcode and QR code

Use these optical labels to track and store information about goods or items, or for storing URLs of webpages, marketing, etc.

Set its Datasource (must be Number or Text), Select the Bar-type and the Code format. You may change other properties.

Optionally, add a Button component with Action QR-Scanner to your form to scan the code directly from your smartphone. In this case, make sure the QR code Datasource and the QR-Scanner field match (must be Text).

Click the QR-Scanner button from a mobile device.

Barcode scanning is an extended functionality. Please contact you IS Tools sales representant for a quote.

Use the Scanner feature to write QR and Barcode values into a Search box to look for records in sections.

BarCode

QRCode

Search box (parameter field)

It’s a field component, but with no table associated to it, used as input box to search data.

From the Component bar, select and drag-and-drop onto the canvas a Text, Number, Date, Date time or Checkbox field.

In the Properties panel, type Param1 (or any word you wish) as Datasource.

Select the Record selector or the section, and click on Filter: Configure property. In the IQL editor type for example: MyText like @Param1 or MyNumber = @Param1 or MyNote contains @Param1

You may want to add a Label component, e.g., Search for Task Id to the left of the Search box so it’s clear for users the purpose of it.

Write parameter to URL: Tick this property in case there is a setup where the user will be navigating back and forth between the form with this search box and the linked resulting record’s form.

Can also search QR and Barcode values obtained via Button component.

SearchBox1

SearchBox2