tempJson top-level property
Implementation
var tempJson = """{
"widgets": [
{
"type": 15,
"id": "2",
"previewState": 1,
"props": {
"margin": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0
},
"padding": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0
},
"width": "fullWidth",
"height": "fullHeight",
"constWidth": 100,
"constHeight": 100,
"hasBg": true,
"bgColor": "#7ed321",
"bgOpacity": 50,
"horiAlignment": "center",
"verAlignment": "center",
"hasBorder": false,
"borderWidth": 10,
"borderColor": "#000000",
"borderOpacity": 50,
"roundness": 10,
"border": {
"top": 10,
"bottom": 10,
"left": 10,
"right": 10
},
"hasAction": false,
"clickType": "",
"target": null,
"hasTransition": false,
"transition": "flyUp",
"orientation": "vertical",
"asset": "",
"bgObjectFit": "cover",
"bgHeight": 200,
"bgWidth": 200,
"bgLeft": 50,
"bgTop": 50,
"horiContentAlignment": "center",
"verContentAlignment": "center",
"children": []
},
"widgets": [
{
"type": 1,
"id": "3",
"previewState": 1,
"props": {
"text": "Text",
"fontColor": "#333333",
"fontSize": 36,
"fontWeight": 500,
"lineHeight": 54,
"alignment": "center",
"margin": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0
},
"padding": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0
},
"autoLink": true,
"style": "normal",
"width": "hugContent",
"height": "hugContent",
"constWidth": 100,
"constHeight": 100,
"horiAlignment": "center",
"verAlignment": "center",
"hasBg": false,
"bgColor": "#FFFFFF",
"bgOpacity": 50,
"hasBorder": false,
"borderColor": "#000000",
"borderOpacity": 50,
"roundness": 10,
"border": {
"top": 10,
"bottom": 10,
"left": 10,
"right": 10
},
"hasAction": false,
"clickType": "",
"target": null,
"hasTransition": false,
"transition": "flyUp",
"asset": "",
"bgObjectFit": "cover",
"bgHeight": 200,
"bgWidth": 200,
"bgLeft": 50,
"bgTop": 50
}
},
{
"type": 2,
"id": "4",
"previewState": 1,
"props": {
"height": 1024,
"width": 1024,
"padding": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0
},
"margin": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0
},
"elevation": 5,
"roundness": 10,
"hasBorder": false,
"borderWidth": 2,
"borderColor": "#DDDDDD",
"borderOpacity": 50,
"border": {
"top": 10,
"bottom": 10,
"left": 10,
"right": 10
},
"asset": "assets/a9064dae-95fc-4d24-b0d5-b190cdf0521d/adgi.png?ar=1024x1024&d=-1&t=img",
"autoDimension": true,
"alignment": "center",
"hasAction": false,
"clickType": "",
"target": null,
"hasTransition": false,
"transition": "flyUp",
"horiAlignment": "center",
"verAlignment": "center"
}
},
{
"type": 4,
"id": "5",
"previewState": 1,
"props": {
"text": "Click Here",
"fontColor": "#000000",
"fontSize": 32,
"lineHeight": 48,
"fontWeight": 500,
"alignment": "center",
"margin": {
"top": 0,
"bottom": 0,
"left": 0,
"right": 0
},
"padding": {
"top": 12,
"bottom": 12,
"left": 32,
"right": 32
},
"elevation": 2,
"style": "normal",
"hasBg": false,
"bgColor": "#c6c6c6",
"bgOpacity": 100,
"hasBorder": false,
"borderColor": "#000000",
"borderOpacity": 50,
"roundness": 10,
"border": {
"top": 10,
"bottom": 10,
"left": 10,
"right": 10
},
"width": "hugContent",
"height": "hugContent",
"constWidth": 100,
"constHeight": 100,
"horiAlignment": "center",
"verAlignment": "center",
"hasAction": true,
"clickType": "",
"target": null,
"hasTransition": false,
"transition": "flyUp"
}
}
]
}
]
}""";