Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more.
Get startedGrow your Fabric skills and prepare for the DP-600 certification exam by completing the latest Microsoft Fabric challenge.
I am creating a custom visual and integrating it with powerBI. I am using a library to use custom components, this library has its images and fonts, and so on and so forth. I create a build of the angular component and use it in a custom visual. After rendering the images do not appear, in a way it does not map the local images in that manner pibiviz JSON.
Is there any solution out there so that we can include images in Powerbi, from the component whose build we are using?
I tried using Webpack to bundle my images in assets and show them up there, didn't work. Referring to the images in CSS does work but I don't want to use it that way, also no external hosting of images
Solved! Go to Solution.
Hi @sharm3a,
If you're using powerbi-visuals-tools without any further customization, then the CSS approach is likely going to work best for you. I personally use this without any issues and have no need to go beyond this for my use cases (I'm using a combination of my own images and Fluent UI for MS-style icons).
If you want to load images into the package via JS, you'll likely need to introduce and maintain your own custom Webpack configuration using powerbi-visuals-webpack-plugin and configure any loaders accordingly to use them in import statements.
Regards,
Daniel
Proud to be a Super User!
My course: Introduction to Developing Power BI Visuals
On how to ask a technical question, if you really want an answer (courtesy of SQLBI)
Hi @sharm3a,
If you're using powerbi-visuals-tools without any further customization, then the CSS approach is likely going to work best for you. I personally use this without any issues and have no need to go beyond this for my use cases (I'm using a combination of my own images and Fluent UI for MS-style icons).
If you want to load images into the package via JS, you'll likely need to introduce and maintain your own custom Webpack configuration using powerbi-visuals-webpack-plugin and configure any loaders accordingly to use them in import statements.
Regards,
Daniel
Proud to be a Super User!
My course: Introduction to Developing Power BI Visuals
On how to ask a technical question, if you really want an answer (courtesy of SQLBI)
Ask questions in Eventhouse and KQL, Eventstream, and Reflex.
Check out the May 2024 Power BI update to learn about new features.
User | Count |
---|---|
15 | |
4 | |
3 | |
3 | |
2 |