How to Use Bootstrap in SPFX (SharePoint Framework) 


Npm install jquery --save
npm install @types/jquery --save
npm install bootstrap --save
npm install @types/bootstrap --save
then add the following lines to your config.json file`"
externals": {
"jquery": {
  "path": "node_modules/jquery/dist/jquery.min.js",
  "globalName": "jQuery"
},
 "bootstrap": {
  "path": "node_modules/bootstrap/dist/js/bootstrap.min.js",
  "globalName": "jQuery"
}`
Finally add the following lines to your web part .ts file
import * as jQuery from 'jquery';
import * as bootstrap from 'bootstrap';

Comments

  1. jacentgaa5 March 2022 at 03:04

    Titanium Price Per Pound (UK) - TITanium-ART
    Shop our wholesale price per pound is titanium lighter than aluminum & schick quattro titanium upgrade your account. Shop now! ✓Our Prices thunder titanium lights Work. ✓Titanium-art. columbia titanium boots Rating: 4.1 · titanium exhaust tips ‎1,957 votes

    ReplyDelete

Post a Comment

Popular posts from this blog

How to setup for SharePoint Frame Work Development Environment (SPFx)

Image
The SharePoint Framework (SPFx) is a page and web part model that provides full support for client-side SharePoint development, easy integration with SharePoint data, and support for open source tooling. With the SharePoint Framework, you can use modern web technologies and tools in your preferred development environment to build productive experiences and apps that are responsive and mobile-ready from day one. The SharePoint Framework works for SharePoint on-premises and SharePoint Online. You can use Visual Studio, or your own custom development environment to build SharePoint client-side web parts. You can use a Mac, PC, or Linux. 1.        Install NodeJS è   https://nodejs.org/en/ 2.        Update npm by running the command è npm install -g npm 3.        Install a code Editor è Recemented https://code.visualstudio.com/ 4.        To Install Yeoman ...
Read more

Package and Deploy SharePoint Client Side Webpart to SharePoint

Image
Here we are going to deploy SharePoint Client side Web-Part to SharePoint. How to create the package ? after the successful creation of the web-part in the local environment have to deploy it to SharePoint. To  create the package run the following command                                                        gulp package-solution      It will create a package with the extension .sppkg  in side the folder  è    webpart-Name/sharepoint/solution/     How to deploy the package to SharePoint ? Just drag and drop the webpart-Name.sppkg to  https://yourSiteName.sharepoint.com/sites/AppCatalog/  Or You could upload the package by clicking the upload button on the page
Read more