Skip to main content
cancel
Showing results for 
Search instead for 
Did you mean: 

July 28 - August 9 | Final Round of the Power BI Dataviz World Championships. This is your chance. Learn more

Reply
admhemed
Frequent Visitor

load an html template into custom visual

how to import html-content.html into my code?

 

in my constructor I write 

$.get('/src/html-content.html', function(data) {
console.log(data);

});

which results into an xhr to https://app.powerbi.com/src/html-content.html

 

thanks

3 REPLIES 3
v-chuncz-msft
Community Support
Community Support

@admhemed,

 

You may wrap it up in a JavaScript file.

Community Support Team _ Sam Zha
If this post helps, then please consider Accept it as the solution to help the other members find it more quickly.

thanks,

I thought of this. This helps in dividing the code, but if html is wrapped in javascript, webstorm considers it as a string, even when in back-ticks (` `).

v-viig
Community Champion
Community Champion

As an alternative, you might try to use webpack or gulp to preprocess the code but this is out of scope of PBIVIZ tools.

 

Ignat Vilesov,

Software Engineer

 

Microsoft Power BI Custom Visuals

[email protected]

 

 

Helpful resources

Announcements
FabCon and SQLCon Barcelona 2026

FabCon & SQLCon – Barcelona 2026

Join us in Barcelona for FabCon and SQLCon, the Fabric, Power BI, SQL, and AI community event. Save €200 with code FABCMTY200.

Fabric Community Sticker Design Challenge Barcelona Carousel

Fabric Community Sticker Challenge - Barcelona 2026

If you love stickers, then you will definitely want to check out our community sticker challenge, Barcelona edition!

July Power BI Update Carousel

Power BI Monthly Update - July 2026

Check out the July 2026 Power BI update to learn about new features.

Power BI DataViz World Championships carousel

Power BI DataViz World Championships - June 2026

A new Power BI DataViz World Championship is coming this June! Don't miss out on submitting your entry.