Image Point Viewer
Properties
General
| Property | Type | Description |
|---|---|---|
| Display name | text | Text value for display name |
Visual
| Property | Type | Description |
|---|---|---|
| Image source | text | Text value for image url |
| Object fit | single select | Select option for image object fit Allowed values: Contain, Cover, Fill, None, and 2 more. |
| Width | text | Text value for width |
| Height | text | Text value for height |
| Disable scrollbar | boolean | Enable or disable disable scrollbar |
| Auto width | boolean | Enable or disable width auto |
| Auto height | boolean | Enable or disable height auto |
| Tooltip customization | add element using boolean | Labels for tooltip can be added from boardlet structure tab. Find Image Point Viewer component and then Tooltip template. Using right click we can add element. |
| Elements | elements | Configure elements |
Event_actions
| Property | Type | Description |
|---|---|---|
| Events | events | Configure event handlers |
| Context menu option text | text | Text value for context menu label |
Authorization
| Property | Type | Description |
|---|---|---|
| Show when compliant with policy set | combobox | Select value for visibility policy set id |
Visibility
| Property | Type | Description |
|---|---|---|
| Display Conditions | conditions configurator | Configure display conditions |
Testing_hooks
| Property | Type | Description |
|---|---|---|
| ID | text | Text value for id |
| Data test id | text | Text value for data test id |
Layout
| Property | Type | Description |
|---|---|---|
| Padding Class | padding | Configure padding class |
Datasource
| Property | Type | Description |
|---|---|---|
| Image datasource | datasource | Configure image data source id |
| Get Image Http Request Parameters Map | http request parameters configuration | Configure get image http request parameters map |
| Points datasource | datasource | Configure points data source id |
| Get Points Http Request Parameters Map | http request parameters configuration | Configure get points http request parameters map |
| Position X field name | text | Text value for position x field name |
| Position Y field name | text | Text value for position y field name |
| Key field name | text | Text value for key field name |
| Display field name | text | Text value for display field name |
| Threshold Config | threshold configurator | Configure threshold config |
Events
| Event | Description |
|---|---|
On point click | Event: ON_IMAGE_POINT_CLICK |
On image click | Event: ON_IMAGE_CLICK |
DynamicActions.Shared.Events.ON_IMAGE_POINT_DRAG_ENDED | Event: ON_IMAGE_POINT_DRAG_ENDED |
On context menu click | Event: ON_IMAGE_POINT_VIEWER_CONTEXT_MENU_ACTION |
On component init | Triggered when the component initializes |
On component destroy | Triggered when the component is destroyed |
On global parameters change | Triggered when global parameters change |
On Data Hub Change | Triggered when data hub changes |
Additional Information
Category: Content
Current Version: 5