I am a senior SharePoint developer who loves coding. If you have any questions you can contact me through the below form. I work from Monday till Friday. I usually reply to emails by the weekend. So Please expect some delays.
A QR Code is a 2-dimensional bar code, which is generally used to encode a URL so that the user can scan the code using his/her smartphone to visit the concerned site. The camera/s of the latest smartphones can scan the QR code without having to install a separate app. Paytm is an example of how people started using QRCode widely nowadays. Installation Inside your SPFx project folder, run the below command from the terminal or node command prompt npm install --save qrcode or, install it globally to use the QR Code from the command line to save QR code images or generate ones you can view in your terminal. npm install -g qrcode Usage In your SPFx web part code, in the component file(.tsx/.ts), add the QR Code reference as below. var QRCode = require( 'qrcode' ); In the render() method, add the image tag to render the QR Code image. <img id= "myQRcode" height= "100%" width= "100%" /> In...
These are simple steps to create your first Outlook add-in from the SharePoint framework 1.10 version. The integration of SharePoint Framework lets you use all of the tools of SPFx, including access to Graph APIs, along with the rich, native JavaScript APIs that are available across applications. Please note that it is still in Preview mode. Prerequisites Node version 10 LTS Latest Yeoman and gulp Visual studio code For more details, Please follow check Microsoft docs for Setting up your SharePoint Framework development environment . Development Steps Run the following command: yo @microsoft/sharepoint --plusbeta For the below question, select yes, as the solution needs to be deployed, tenant scoped. Do you want to allow the tenant admin the choice of being able to deploy the solution to all sites immediately without running any feature deployment or adding apps in sites? Y Select the framework you would want to use. I preferre...
Fluent UI motion attracts the attention of the user and provides an interaction while using the React component. To learn more about fluent Motion, please refer to its documentation here . Even though the documentation is very clear, a simple example is missing. In this article, we will see how we can use the motion effects in the SPFx webpart. Initial Steps Create a react framework webpart using yo @microsoft/SharePoint command. Refer to this article if this is your first webpart. Now if you check your package.json, you can see that office-ui-fabric-react package is already present. Therefore, there's no need to install any other package to get started. "office-ui-fabric-react" : "6.189.2" , Now, I have created a CSS class style called rectangle in my SCSS file in global scope: :global { .rectangle{ width: 100px; ...
Comments
Post a Comment
Thank you for your comment.