Skip to main content

Declarative components

Declarative components are components that you can configure, without programming.

Note: many times you don't need to declare these components, most components are generated by default, based on your Class Configurations.

See also: Class configurations

Note: For most declarative components, you need to specify an API data-source: a class data-source (simple to create) or an operation data-source (more advanced, a data-source that is based on an operation).

See also: API data sources

One Entity Component​

Use this component if you want to show one entity, with a custom set of properties.

Use the ONE ENTITY PROPERTIES tab to declare which properties you want to show. If you don't declare any properties, all properties are shown.

Grid Component​

Use this component to display multiple entities in a grid.

Use the RELATED > GRID COLUMNS tab to define which grid columns/properties are shown.

Html Component​

A simple, declarative component that doesn't need any data-source. Use this component if you want to show a static part of HTML in your User Interface.

Map Component​

Use this component to display multiple entities on a map. This requires entities to have a property of type MapPoint.

Provide the following properties:

  • Map binding: required, property to use as GPS coordinates. (property of type MapPoint)
  • Detail binding1-3: optional, property to show in the map marker balloon.
  • Tooltip binding: optional, property to show as a tooltop when the map marker is hovered.

You can also provide a display template (tab DISPLAY) in which you can embed your own Angular component. It will override the contents of the map marker balloon.