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

Find everything you need to get certified on Fabric—skills challenges, live sessions, exam prep, role guidance, and more. Get started

Reply
Muesli
Advocate I
Advocate I

how to add jQuery and bootstrap javascript?

Hello,

 

i want to create some buttons and a dropdown menu with bootstrap and jquery, but how can i add them to my visual?

cause when add the files to my pbiviz file and run the code, i am getting a bootstrap error that jQuery wasnt found

"Uncaught Error: Bootstrap's JavaScript requires jQuery"

my pbiviz looks like this:

  "externalJS": [
    "node_modules/jquery/dist/jquery.min.js",
    "src/source/bootstrap.min.js",

my tsconfig like this:

 "files": [
    ".api/v1.8.0/PowerBI-visuals.d.ts",
    "node_modules/@types/jquery/index.d.ts",
    "node_modules/powerbi-visuals-utils-dataviewutils/lib/index.d.ts",
    "src/settings.ts",
    "src/visual.ts",
    "src/javascript.js"

how can get it running?

1 ACCEPTED SOLUTION

thanks but this didnt work for me. i still got a error after doing that. 

I got it working with installing jquery with "typings install --save --global jquery" instead of "npm install @types/jquery@2.0.46  --save"

 

i just needed to referrenc the .d.ts file inside typings and i got it working. 

View solution in original post

2 REPLIES 2
v-chuncz-msft
Community Support
Community Support

@Muesli,

 

You may check the solution below.

https://community.powerbi.com/t5/Developer/Custom-visual-jquery-and-other-js/td-p/155443

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 but this didnt work for me. i still got a error after doing that. 

I got it working with installing jquery with "typings install --save --global jquery" instead of "npm install @types/jquery@2.0.46  --save"

 

i just needed to referrenc the .d.ts file inside typings and i got it working. 

Helpful resources

Announcements
Europe Fabric Conference

Europe’s largest Microsoft Fabric Community Conference

Join the community in Stockholm for expert Microsoft Fabric learning including a very exciting keynote from Arun Ulag, Corporate Vice President, Azure Data.

Power BI Carousel June 2024

Power BI Monthly Update - June 2024

Check out the June 2024 Power BI update to learn about new features.

PBI_Carousel_NL_June

Fabric Community Update - June 2024

Get the latest Fabric updates from Build 2024, key Skills Challenge voucher deadlines, top blogs, forum posts, and product ideas.