v8.0.15
When I copy and paste the below json into a flex container, the “shrink: 0” doesn’t make it and it becomes a “1”. The basis doesn’t get set right either, should be “auto” but it pastes as “50px”. The json is from a copy of another existing component, screenshot below.
[
{
"type": "ia.display.label",
"version": 0,
"props": {
"text": "Status"
},
"meta": {
"name": "Label"
},
"position": {
"shrink": 0
},
"custom": {}
}
]
Edit:
In addition, components aren’t pasted in the right order. See below, components should be in the order of “Status label” “Status value” “Current Step Label” “Current Step Value”, but instead it’s reversed.
Update: It seems that items are copied in the order in which they’re selected. I guess that makes sense.
[
{
"type": "ia.display.label",
"version": 0,
"props": {
"style": {
"backgroundColor": "#555555",
"borderBottomLeftRadius": "5px",
"borderBottomRightRadius": "5px",
"borderColor": "#2B2B2B40",
"borderStyle": "solid",
"borderTopLeftRadius": "5px",
"borderTopRightRadius": "5px",
"borderWidth": 1,
"color": "#E7EFF6",
"paddingLeft": "5px",
"paddingRight": "5px",
"textAlign": "center"
}
},
"meta": {
"name": "Label_4"
},
"position": {
"shrink": 0,
"basis": "30px"
},
"custom": {},
"propConfig": {
"custom.Cancelled": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Cancelled"
},
"type": "tag"
}
},
"custom.Complete": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Complete"
},
"type": "tag"
}
},
"custom.Paused": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Paused"
},
"type": "tag"
}
},
"custom.Running": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Active"
},
"type": "tag"
}
},
"custom.StatusDesc": {
"binding": {
"config": {
"expression": "if({this.custom.Running}, \"Running\"\r\n,if({this.custom.Complete}, \"Complete\"\r\n,if({this.custom.Paused}, \"Paused\"\r\n,if({this.custom.Cancelled}, \"Cancelled\"\r\n,'Idle'\r\n))))"
},
"type": "expr"
}
},
"props.text": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Step Description"
},
"transforms": [
{
"expression": "tag({view.custom.sequenceTagPath} + '/Sequence Step No') + ' - ' + {value}",
"type": "expression"
}
],
"type": "tag"
}
}
}
},
{
"type": "ia.display.label",
"version": 0,
"props": {
"text": "Current Step",
"style": {
"color": "#4B86B4",
"fontSize": "10pt",
"fontStyle": "italic",
"fontWeight": "100"
}
},
"meta": {
"name": "Label_0"
},
"position": {
"shrink": 0,
"basis": "30px"
},
"custom": {}
},
{
"type": "ia.display.label",
"version": 0,
"props": {
"style": {
"borderBottomLeftRadius": "5px",
"borderBottomRightRadius": "5px",
"borderTopLeftRadius": "5px",
"borderTopRightRadius": "5px",
"marginBottom": "10px",
"paddingLeft": "5px",
"paddingRight": "5px",
"textAlign": "center"
}
},
"meta": {
"name": "Label_3"
},
"position": {
"shrink": 0,
"basis": "30px"
},
"custom": {},
"propConfig": {
"custom.Cancelled": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Cancelled"
},
"type": "tag"
}
},
"custom.Complete": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Complete"
},
"type": "tag"
}
},
"custom.Paused": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Paused"
},
"type": "tag"
}
},
"custom.Running": {
"binding": {
"config": {
"fallbackDelay": 2.5,
"mode": "indirect",
"references": {
"1": "{view.custom.sequenceTagPath}"
},
"tagPath": "{1}/Sequence Active"
},
"type": "tag"
}
},
"custom.StatusDesc": {
"binding": {
"config": {
"expression": "if({this.custom.Running}, \"Running\"\r\n,if({this.custom.Complete}, \"Complete\"\r\n,if({this.custom.Paused}, \"Paused\"\r\n,if({this.custom.Cancelled}, \"Cancelled\"\r\n,'Idle'\r\n))))"
},
"type": "expr"
}
},
"props.style.classes": {
"binding": {
"config": {
"path": "this.custom.StatusDesc"
},
"transforms": [
{
"fallback": null,
"inputType": "scalar",
"mappings": [
{
"input": "Running",
"output": "DeviceStates/On"
},
{
"input": "Complete",
"output": "DeviceStates/On"
},
{
"input": "Paused",
"output": "DeviceStates/Paused"
},
{
"input": "Cancelled",
"output": "DeviceStates/Off"
},
{
"input": "Idle",
"output": "DeviceStates/Off"
}
],
"outputType": "scalar",
"type": "map"
}
],
"type": "property"
}
},
"props.text": {
"binding": {
"config": {
"path": "this.custom.StatusDesc"
},
"type": "property"
}
}
}
},
{
"type": "ia.display.label",
"version": 0,
"props": {
"text": "Status",
"style": {
"color": "#4B86B4",
"fontSize": "10pt",
"fontStyle": "italic",
"fontWeight": "100"
}
},
"meta": {
"name": "Label"
},
"position": {
"shrink": 0,
"basis": "30px"
},
"custom": {}
}
]