I am displaying a imagine using svg graphics node
[
{
"id": "5767b7b0.555ca8",
"type": "ui_svg_graphics",
"z": "935db92.1ef9548",
"group": "219d8573.b713ea",
"order": 4,
"width": 5,
"height": 6,
"svgString": "<svg width=\"100%\" height=\"100%\" enable-background=\"new 0 0 250 250\" xmlns=\"http://www.w3.org/2000/svg\">/svg> \n<image width=\"100%\" height=\"100%\" xlink:href=\"http://10.20.233.241:1880/fe01.jpg\" />\n</svg>",
"clickableShapes": [
{
"targetId": "#light_living",
"action": "click",
"payload": "light_living",
"payloadType": "str",
"topic": "light_living"
},
{
"targetId": "r",
"action": "click",
"payload": "r",
"payloadType": "str",
"topic": "r"
}
],
"javascriptHandlers": [],
"smilAnimations": [],
"bindings": [],
"showCoordinates": false,
"autoFormatAfterEdit": false,
"showBrowserErrors": true,
"showBrowserEvents": false,
"enableJsDebugging": false,
"sendMsgWhenLoaded": false,
"outputField": "payload",
"editorUrl": "//drawsvg.org/drawsvg.html",
"directory": "",
"panning": "disabled",
"zooming": "disabled",
"panOnlyWhenZoomed": false,
"doubleClickZoomEnabled": false,
"mouseWheelZoomEnabled": false,
"dblClickZoomPercentage": 150,
"name": "",
"x": 980,
"y": 200,
"wires": [
[]
]
},
{
"id": "219d8573.b713ea",
"type": "ui_group",
"z": "",
"name": "FE - 01",
"tab": "520d4e1.6420bb",
"order": 2,
"disp": true,
"width": 6,
"collapse": false
},
{
"id": "520d4e1.6420bb",
"type": "ui_tab",
"z": "",
"name": "FORKLIFTS",
"icon": "dashboard",
"order": 2,
"disabled": false,
"hidden": false
}
]
I want it to be fit in a space but it's turning out like that.
Any suggestions.