PNG images not showing in VSTGUI4

Hi,
I am trying to create the GUI with the editor for my first plugin, but I can not see any PNG in any control (I tried with CAnimKnob and CControl) in the screen.
The PNGs seem to be correct, and also the animated PNG has been created with KnobMan.
Here I show my code here, maybe someone can help me.
Thanks in advance.

{
	"vstgui-ui-description": {
		"version": "1",
		"bitmaps": {
			"handle_bitmap": {
				"path": "handle-bitmap.png"
			},
			"background_empty": {
				"path": "background_empty.png"
			},
			"knobLogic": {
				"path": "knob_web.png"
			}
		},
		"fonts": {
			"Logic Small (11)": {
				"font-name": "Nirmala UI",
				"size": "11"
			},
			"Logic Small (7)": {
				"font-name": "Nirmala UI",
				"size": "7"
			},
			"Logic Small (8)": {
				"font-name": "Nirmala UI",
				"size": "8"
			}
		},
		"colors": {
			"Logic 01": "#00334eff",
			"Logic 02": "#b7ffffc6"
		},
		"gradients": {},
		"control-tags": {
			"DelayTime": "11",
			"Feedback": "12",
			"Gain": "10",
			"Lo-Pass": "14",
			"Mix": "13",
			"TestParam": "15"
		},
		"custom": {
			"FocusDrawing": {},
			"VST3Editor": {
				"Path": "D:\\PROGRAMACION\\VS2022\\Basic_Gain\\Basic_Gain\\resource\\editor.uidesc"
			},
			"UIGridController": {
				"Grids": "1x 1,5x 5,10x 10,12x 12,15x 15"
			},
			"UIEditController": {
				"EditViewScale": "2.5",
				"EditorSize": "0, 0, 1605, 1327",
				"SplitViewSize_0_0": "0.6825518831667948260744083199824672192335",
				"SplitViewSize_0_1": "0.3020753266717909335525860115012619644403",
				"SplitViewSize_1_0": "0.488854727132974620218419659067876636982",
				"SplitViewSize_1_1": "0.5080707148347425317069792072288691997528",
				"SplitViewSize_2_0": "0.7856697819314641950683153481804765760899",
				"SplitViewSize_2_1": "0.2112149532710280441794026273782947100699",
				"TabSwitchValue": "0",
				"Version": "1",
				"ViewBackground": "3"
			},
			"UITemplateController": {
				"SelectedTemplate": "view"
			},
			"UIAttributesController": {},
			"UIViewCreatorDataSource": {
				"SelectedRow": "12"
			},
			"UITagsDataSource": {
				"SelectedRow": "-1"
			},
			"UIColorsDataSource": {
				"SelectedRow": "1"
			},
			"UIGradientsDataSource": {
				"SelectedRow": "-1"
			},
			"UIBitmapsDataSource": {
				"SelectedRow": "-1"
			},
			"UIFontsDataSource": {
				"SelectedRow": "0"
			}
		},
		"templates": {
			"view": {
				"attributes": {
					"background-color": "Logic 01",
					"background-color-draw-style": "filled and stroked",
					"class": "CViewContainer",
					"mouse-enabled": "true",
					"opacity": "1",
					"origin": "0, 0",
					"size": "400, 300",
					"transparent": "false",
					"wants-focus": "false"
				},
				"children": {
					"CViewContainer": {
						"attributes": {
							"background-color": "~ GreyCColor",
							"background-color-draw-style": "filled and stroked",
							"class": "CViewContainer",
							"mouse-enabled": "true",
							"opacity": "1",
							"origin": "150, 0",
							"size": "1, 300",
							"transparent": "false",
							"wants-focus": "false"
						}
					},
					"CViewContainer": {
						"attributes": {
							"background-color": "~ GreyCColor",
							"background-color-draw-style": "filled and stroked",
							"class": "CViewContainer",
							"mouse-enabled": "true",
							"opacity": "1",
							"origin": "300, 0",
							"size": "1, 300",
							"transparent": "false",
							"wants-focus": "false"
						}
					},
					"CMultiLineTextLabel": {
						"attributes": {
							"auto-height": "false",
							"back-color": "~ BlackCColor",
							"background-offset": "0, 0",
							"class": "CMultiLineTextLabel",
							"default-value": "0.5",
							"font": "Logic Small (11)",
							"font-antialias": "true",
							"font-color": "Logic 02",
							"frame-color": "~ BlackCColor",
							"frame-width": "1",
							"line-layout": "wrap",
							"max-value": "1",
							"min-value": "0",
							"mouse-enabled": "true",
							"opacity": "1",
							"origin": "30, 0",
							"round-rect-radius": "6",
							"shadow-color": "~ RedCColor",
							"size": "100, 20",
							"style-3D-in": "false",
							"style-3D-out": "false",
							"style-no-draw": "false",
							"style-no-frame": "false",
							"style-no-text": "false",
							"style-round-rect": "false",
							"style-shadow-text": "false",
							"text-alignment": "center",
							"text-inset": "0, 0",
							"text-rotation": "0",
							"text-shadow-offset": "1, 1",
							"title": "LEFT DELAY",
							"transparent": "false",
							"value-precision": "2",
							"vertical-centered": "true",
							"wants-focus": "false",
							"wheel-inc-value": "0.1"
						}
					},
					"CMultiLineTextLabel": {
						"attributes": {
							"auto-height": "false",
							"back-color": "~ BlackCColor",
							"background-offset": "0, 0",
							"class": "CMultiLineTextLabel",
							"default-value": "0.5",
							"font": "Logic Small (11)",
							"font-antialias": "true",
							"font-color": "Logic 02",
							"frame-color": "~ BlackCColor",
							"frame-width": "1",
							"line-layout": "wrap",
							"max-value": "1",
							"min-value": "0",
							"mouse-enabled": "true",
							"opacity": "1",
							"origin": "180, 0",
							"round-rect-radius": "6",
							"shadow-color": "~ RedCColor",
							"size": "100, 20",
							"style-3D-in": "false",
							"style-3D-out": "false",
							"style-no-draw": "false",
							"style-no-frame": "false",
							"style-no-text": "false",
							"style-round-rect": "false",
							"style-shadow-text": "false",
							"text-alignment": "center",
							"text-inset": "0, 0",
							"text-rotation": "0",
							"text-shadow-offset": "1, 1",
							"title": "RIGHT DELAY",
							"transparent": "false",
							"value-precision": "2",
							"vertical-centered": "true",
							"wants-focus": "false",
							"wheel-inc-value": "0.1"
						}
					},
					"CMultiLineTextLabel": {
						"attributes": {
							"auto-height": "false",
							"back-color": "~ BlackCColor",
							"background-offset": "0, 0",
							"class": "CMultiLineTextLabel",
							"default-value": "0.5",
							"font": "Logic Small (11)",
							"font-antialias": "true",
							"font-color": "Logic 02",
							"frame-color": "~ BlackCColor",
							"frame-width": "1",
							"line-layout": "wrap",
							"max-value": "1",
							"min-value": "0",
							"mouse-enabled": "true",
							"opacity": "1",
							"origin": "310, 0",
							"round-rect-radius": "6",
							"shadow-color": "~ RedCColor",
							"size": "90, 20",
							"style-3D-in": "false",
							"style-3D-out": "false",
							"style-no-draw": "false",
							"style-no-frame": "false",
							"style-no-text": "false",
							"style-round-rect": "false",
							"style-shadow-text": "false",
							"text-alignment": "center",
							"text-inset": "0, 0",
							"text-rotation": "0",
							"text-shadow-offset": "1, 1",
							"title": "GLOBAL",
							"transparent": "false",
							"value-precision": "2",
							"vertical-centered": "true",
							"wants-focus": "false",
							"wheel-inc-value": "0.1"
						}
					},
					"CKnob": {
						"attributes": {
							"angle-range": "270",
							"angle-start": "135",
							"circle-drawing": "false",
							"class": "CKnob",
							"control-tag": "DelayTime",
							"corona-color": "Logic 02",
							"corona-dash-dot": "true",
							"corona-dash-dot-lengths": "2",
							"corona-drawing": "true",
							"corona-from-center": "false",
							"corona-inset": "3",
							"corona-inverted": "false",
							"corona-line-cap-butt": "true",
							"corona-outline": "false",
							"corona-outline-width-add": "8",
							"handle-color": "Logic 02",
							"handle-line-width": "1",
							"handle-shadow-color": "~ BlackCColor",
							"knob-range": "200",
							"opacity": "0.555102",
							"origin": "30, 250",
							"size": "35, 35",
							"skip-handle-drawing": "false",
							"transparent": "false",
							"value-inset": "4",
							"wants-focus": "true",
							"wheel-inc-value": "0.1",
							"zoom-factor": "4"
						}
					},
					"CAnimKnob": {
						"attributes": {
							"angle-range": "270",
							"angle-start": "135",
							"bitmap": "knobLogic",
							"class": "CAnimKnob",
							"control-tag": "Mix",
							"height-of-one-image": "128",
							"inverse-bitmap": "false",
							"knob-range": "200",
							"opacity": "1",
							"origin": "40, 70",
							"size": "128, 128",
							"sub-pixmaps": "31",
							"transparent": "false",
							"value-inset": "0",
							"wants-focus": "false",
							"wheel-inc-value": "0.01",
							"zoom-factor": "1.5"
						}
					},
					"CControl": {
						"attributes": {
							"bitmap": "knobLogic",
							"class": "CControl",
							"control-tag": "Lo-Pass",
							"opacity": "1",
							"origin": "210, 90",
							"size": "40, 40",
							"transparent": "false",
							"wants-focus": "false",
							"wheel-inc-value": "0.1"
						}
					}
				}
			}
		}
	}
}

OK, I found the problem, I need to use absolute paths to the bitmaps, here, like this:

{
	"vstgui-ui-description": {
		"version": "1",
		"bitmaps": {
			"handle_bitmap": {
				"path": "handle-bitmap.png"
			},
			"background_empty": {
				"path": "background_empty.png"
			},
			"knobLogic": {
				"path": "D:/PROGRAMACION/VS2022/Basic_Gain/Basic_Gain/resource/knob.png"
			}
		},

By the way…Is there a way to, with the editor, resize the PNG showd on the screen?

I think the bitmaps must be relative to your .uidesc file, or better turn on storing the bitmaps inside the .uidesc file. Having them stored absolute will give you problems when you want to run the plug-in on another computer.

No, this is not supported out of the box. What’s your use-case?