Join us at FabCon Atlanta from March 16 - 20, 2026, for the ultimate Fabric, Power BI, AI and SQL community-led event. Save $200 with code FABCOMM.
Register now!The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now! Learn more
I try to develop the Custom Visual and I want to upload the image file for visual background image.
But I can not understand coding to upload the image file by visualize formatting.
Please tell me the code.
This my code.
setting.ts
------------------------------------------------------------
// Background Image
export class BgImageSettings extends FormattingSettingsCard {
public bgImage = new formattingSettings.ImageUpload({
name: "bgImage",
displayName: "Image File",
value: null,
visible: true
});
name: string = "bgCard";
displayName: string = "Background";
analyticsPane: boolean = false;
visible: boolean = true;
slices: Array<FormattingSettingsSlice> = [this.bgImage];
}
------------------------------------------------------------
capabilities.json
------------------------------------------------------------
"objects": {
"bgCard": {
"properties": {
"bgImage": {
"type": {
"text": true
}
}
}
},
------------------------------------------------------------
When I run the Custom Visual and upload the image file,
the charactor type is entered in the variable that contains "visualSettings.bg.bgImage.value".
Please show blow image.
The Power BI Data Visualization World Championships is back! Get ahead of the game and start preparing now!
| User | Count |
|---|---|
| 7 | |
| 5 | |
| 2 | |
| 2 | |
| 2 |