Good to know, thanks. Here is the JSON from the pictures: Also I was wrong earlier, grow is set to 1 for the pictures. If it is set to 0 the entire section disappears.
{
"custom": {},
"params": {
"Alarm_Display_Path": "Bldg 19",
"Building_Status": {
"Number_Of_Systems": 0,
"Systems_Alert_Cnt": 0,
"Systems_Faulted_Cnt": 0,
"Systems_Running_Cnt": 0
},
"Equipment_Image": "/system/images/",
"Equipment_Name": "Equipment Name"
},
"propConfig": {
"params.Alarm_Display_Path": {
"paramDirection": "input",
"persistent": true
},
"params.Building_Status": {
"paramDirection": "input",
"persistent": true
},
"params.Equipment_Image": {
"paramDirection": "input",
"persistent": true
},
"params.Equipment_Name": {
"paramDirection": "input",
"persistent": true
}
},
"props": {
"defaultSize": {
"height": 501,
"width": 534
}
},
"root": {
"children": [
{
"children": [
{
"children": [
{
"meta": {
"name": "Label"
},
"position": {
"height": 1,
"width": 1
},
"propConfig": {
"props.style.classes": {
"binding": {
"config": {
"expression": "if({view.params.Building_Status.Systems_Faulted_Cnt}>0, \"Colors/Overview_Red\", \"Colors/Overview_Green\")"
},
"type": "expr"
}
},
"props.text": {
"binding": {
"config": {
"path": "view.params.Equipment_Name"
},
"type": "property"
}
}
},
"props": {
"alignVertical": "top",
"style": {
"backgroundColor": "",
"borderBottomLeftRadius": 5,
"borderBottomRightRadius": 5,
"borderTopLeftRadius": 5,
"borderTopRightRadius": 5,
"fontSize": 18,
"fontWeight": "bold",
"paddingTop": 8,
"textAlign": "center"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Image"
},
"position": {
"height": 0.765,
"width": 0.9213,
"x": 0.0413,
"y": 0.2
},
"propConfig": {
"props.source": {
"binding": {
"config": {
"path": "view.params.Equipment_Image"
},
"type": "property"
}
}
},
"props": {
"fit": {
"mode": "cover"
}
},
"type": "ia.display.image"
}
],
"meta": {
"name": "Title_Coord_cont"
},
"position": {
"basis": "60%",
"grow": 1
},
"props": {
"mode": "percent"
},
"type": "ia.container.coord"
},
{
"children": [
{
"meta": {
"name": "fault label"
},
"position": {
"height": 0.33,
"width": 0.6,
"y": 0.34
},
"propConfig": {
"props.style.classes": {
"binding": {
"config": {
"expression": "if({view.params.Building_Status.Systems_Faulted_Cnt}>0, \"Colors/Overview_Red\", \"Colors/Overview_Green\")"
},
"type": "expr"
}
}
},
"props": {
"style": {
"backgroundColor": "",
"borderColor": "#FF0000",
"fontSize": 14,
"fontWeight": "bold",
"overflow": "visible",
"overflowX": "visible",
"overflowY": "visible",
"paddingLeft": 10
},
"text": "Systems Faulted:"
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Running label"
},
"position": {
"height": 0.34,
"width": 0.6
},
"propConfig": {
"props.style.classes": {
"binding": {
"config": {
"expression": "if({view.params.Building_Status.Systems_Faulted_Cnt}>0, \"Colors/Overview_Red\", \"Colors/Overview_Green\")"
},
"type": "expr"
}
}
},
"props": {
"style": {
"backgroundColor": "",
"borderColor": "#FF0000",
"fontSize": 14,
"fontWeight": "bold",
"overflow": "visible",
"overflowX": "visible",
"overflowY": "visible",
"paddingLeft": 10
},
"text": "Systems Running:"
},
"type": "ia.display.label"
},
{
"meta": {
"name": "running numbers"
},
"position": {
"height": 0.34,
"width": 0.4,
"x": 0.6
},
"propConfig": {
"props.style.classes": {
"binding": {
"config": {
"expression": "if({view.params.Building_Status.Systems_Faulted_Cnt}>0, \"Colors/Overview_Red\", \"Colors/Overview_Green\")"
},
"type": "expr"
}
},
"props.text": {
"binding": {
"config": {
"expression": "{view.params.Building_Status.Systems_Running_Cnt} + \" / \" + {view.params.Building_Status.Number_Of_Systems}"
},
"type": "expr"
}
}
},
"props": {
"style": {
"backgroundColor": "",
"borderColor": "#FF0000",
"fontSize": 14,
"fontWeight": "bold",
"overflow": "visible",
"overflowX": "visible",
"overflowY": "visible",
"textAlign": "center"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Faulted number"
},
"position": {
"height": 0.33,
"width": 0.4,
"x": 0.6,
"y": 0.34
},
"propConfig": {
"props.style.classes": {
"binding": {
"config": {
"expression": "if({view.params.Building_Status.Systems_Faulted_Cnt}>0, \"Colors/Overview_Red\", \"Colors/Overview_Green\")"
},
"type": "expr"
}
},
"props.text": {
"binding": {
"config": {
"expression": "{view.params.Building_Status.Systems_Faulted_Cnt}"
},
"type": "expr"
}
}
},
"props": {
"style": {
"backgroundColor": "",
"borderColor": "#FF0000",
"fontSize": 14,
"fontWeight": "bold",
"overflow": "visible",
"overflowX": "visible",
"overflowY": "visible",
"textAlign": "center"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Alert Number"
},
"position": {
"height": 0.33,
"width": 0.4,
"x": 0.6,
"y": 0.67
},
"propConfig": {
"props.style.classes": {
"binding": {
"config": {
"expression": "if({view.params.Building_Status.Systems_Faulted_Cnt}>0, \"Colors/Overview_Red\", \"Colors/Overview_Green\")"
},
"type": "expr"
}
},
"props.text": {
"binding": {
"config": {
"expression": "{view.params.Building_Status.Systems_Alert_Cnt}"
},
"type": "expr"
}
}
},
"props": {
"style": {
"backgroundColor": "",
"borderColor": "#FF0000",
"fontSize": 14,
"fontWeight": "bold",
"overflow": "visible",
"overflowX": "visible",
"overflowY": "visible",
"textAlign": "center"
}
},
"type": "ia.display.label"
},
{
"meta": {
"name": "Alerts Label"
},
"position": {
"height": 0.33,
"width": 0.6,
"y": 0.67
},
"propConfig": {
"props.style.classes": {
"binding": {
"config": {
"expression": "if({view.params.Building_Status.Systems_Faulted_Cnt}>0, \"Colors/Overview_Red\", \"Colors/Overview_Green\")"
},
"type": "expr"
}
}
},
"props": {
"style": {
"backgroundColor": "",
"borderColor": "#FF0000",
"fontSize": 14,
"fontWeight": "bold",
"overflow": "visible",
"overflowX": "visible",
"overflowY": "visible",
"paddingLeft": 10
},
"text": "Systems Alerts:"
},
"type": "ia.display.label"
}
],
"meta": {
"name": "Stats_Container"
},
"position": {
"basis": "20%",
"grow": 1
},
"props": {
"mode": "percent"
},
"type": "ia.container.coord"
},
{
"meta": {
"name": "AlarmStatusTable"
},
"position": {
"grow": 1,
"shrink": 0
},
"propConfig": {
"props.filters.active.conditions.displayPath": {
"binding": {
"config": {
"expression": "'*'+{view.params.Alarm_Display_Path}+'*'"
},
"type": "expr"
}
}
},
"props": {
"columns": {
"active": {
"activeTime": {
"enabled": false,
"width": 85
},
"displayPath": {
"width": 160
},
"label": {
"enabled": true,
"width": 125
},
"name": {
"enabled": false
},
"priority": {
"enabled": false
},
"source": {
"enabled": false
},
"state": {
"enabled": false
}
}
},
"enableAcknowledge": false,
"enableDetails": false,
"enableHeader": false,
"enableShelve": false,
"enableUnshelve": false,
"filters": {
"active": {
"conditions": {
"provider": "IGNTN-PE-VP01"
},
"states": {
"clearUnacked": false
}
}
},
"pager": {
"enabled": false,
"initialOption": 50
},
"rowStyles": {
"clearAcked": {
"base": {
"backgroundColor": "#E8E8E8"
}
}
},
"selection": {
"active": {
"mode": "none"
}
},
"style": {
"backgroundColor": "#572020"
},
"toolbar": {
"enableConfiguration": false,
"enablePreFilters": false,
"enableShelvedTab": false,
"enabled": false
}
},
"type": "ia.display.alarmstatustable"
}
],
"meta": {
"name": "FlexContainer"
},
"position": {
"align": "auto",
"basis": "100%",
"grow": 1
},
"props": {
"direction": "column",
"style": {
"backgroundColor": "#E8E8E8"
}
},
"type": "ia.container.flex"
}
],
"meta": {
"name": "root"
},
"props": {
"alignContent": "space-between",
"direction": "column"
},
"type": "ia.container.flex"
}
}