jc-interactive-image-item
The schema defines the following properties:
Property | Type | Required | Description |
type | component.interactive-image-item | true | |
instanceId | InstanceId | Expression | false | |
when | Expression | boolean | false | |
options | JCInteractiveImageItem | true | |
The schema defines the following additional types:
Interactive item Extends PointItembase from 'Interactive-image' UI component.
Properties of the JCInteractiveImageItem object:
Property | Type | Required | Description |
id | string | number | string | true | Id of the item -> for filtering & key |
title | string | number | string | true | Name of point, String title |
percentageCoordinates | Percentage Coordinates | true | Percentage coordinates Coordinates are represent as absolute percentage number beetween 0-100. |
onPress | false | Point Item onPress actionOverwrites functionality of the group assignment. | |
icon | icon-name | string | false | Color for the point item.Overwrites functionality of the group assignment. |
style | object | false | |
groupId | string | number | string | false | Define groupId if groups are provided.Effect only initial load. |
color | ComponentColor | string | false | color of active point |
index | number | false | Index for initial animation. |
Id of the item -> for filtering & key
The object must be any of the following types:
Name of point, String title
The object must be any of the following types:
Percentage coordinates Coordinates are represent as absolute percentage number beetween 0-100.
Properties of the percentageCoordinates object:
Property | Type | Required | Description |
x | number | string | string | true | |
y | number | string | string | true | |
The object must be any of the following types:
The object must be any of the following types:
Point Item onPress action
Overwrites functionality of the group assignment.
icon (icon-name | string)
Color for the point item.
Overwrites functionality of the group assignment.
The object must be any of the following types:
Properties of the style object:
Property | Type | Required | Description |
isActive | boolean | string | false | define if is active |
isDisabled | boolean | string | false | define if is disabled |
define if is active
The object must be any of the following types:
define if is disabled
The object must be any of the following types:
Define groupId if groups are provided.
Effect only initial load.
The object must be any of the following types:
color of active point
The object must be any of the following types:
The object must be any of the following types:
This element must be one of the following enum values:
- color1
- color2
- color3
- color4
- color5
- color6
- color7
- color8
- color9
- color10
- color11
- color12
- color13
- color14
This element must be one of the following enum values:
- positive
- negative
- warning
