Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Technical questions about building and using web parts based on the SharePoint Framework client-side development model.

0
votes
1answer
31 views

where do i need to add my custom javascript (which will be rendering the results inside the modern web part) inside my client-side web part project

I have built my first client side web part as mentioned on this link https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/build-a-hello-world-web-part. now the web part will show ...
0
votes
1answer
12 views

Return items within Date Range

My array: urlArray = dataArray.map(function(item){ return { Id: item.Id, Title: item.Title, ...
0
votes
0answers
14 views

Query data from Azure table storage using SPFX

i currently have a requirement to display Azure table storage data into a table created using SPFX (react). i have created an azure table storage already with a cosmos db storage. i have read the ...
0
votes
0answers
22 views

When bundling a SPFx web part (i.e. gulp bundle), what is the json file for that is created within temp/deploy folder?

When bundling one solution using "gulp bundle --ship", I get two files within the "temp/deploy" folder: 768ccd78-850f-4c39-b457-b9e43e9ca339.json web-part_d46327de559c749c6fed216a0c58314b.js I ask ...
3
votes
2answers
33 views

SPFx: Can you use WebPartContext in components different than the main one?

I am trying to call Microsoft Graph from a component, different than the main one. As a first step I am declaring a variable for the MSGraphClient's serviceKey like this: const graphClient: ...
0
votes
1answer
54 views

SPFx - Gulp serve fails

I had 2 webparts in my solution. But when i tried to add the 3rd webpart, it successfully adds. But after that "gulp serve" fails. Below is the error message D:\Bloom\Code\BloomWebparts>gulp serve ...
1
vote
0answers
36 views

SPFX 1.6 msGraphClient error on SharePoint app

I created a SharePoint Framework 1.6 webpart which uses the MSGraphClient. On all browsers (tested with IE11, Edge, Chrome on laptop. Tested with Chrome, Edge, Samsung browser on cell phone ) this is ...
0
votes
1answer
81 views

Updating SPFX breaks gulp

So i tried installing a webpart from scratch & added React as a framework. All good, but the version of @microsoft dependencies is 1.5.1 AND the latest is actually 1.6.0. I've tried updating ...
0
votes
1answer
31 views

SPFX webpart context is undefined

Ok so i've searched for a while and tried everything. I've followed these steps as well -> How to retrieve pageContext in SPFx? So far its just a "testing phase", but i get stuck at the beginning ...
2
votes
1answer
42 views

Script to add SPFx webpart to a classic page using PnP Powershell

I have to run a Powershell script that creates a Site Collection App catalog , then add an SPFx webpart to it and publish it. Also it has to install it in the site. I have done upto this part. Last ...
1
vote
1answer
158 views

SPFx problem with code from github

I'm trying to use the CDB promoted links webpart (from github) for modern pages but I need to make changes to the code (just the colours, nothing structural), So far so good- runs on the workbench but ...
0
votes
1answer
12 views

Spfx webpart - single web part with 100+ forms in it

I am creating a spfx-ReactJS web part for O365 site. This is actually a java to sp re-engineering. Legacy java app has 100+ pages, I am trying to put all of these into one spfx webpart and add it to a ...
1
vote
1answer
35 views

SharePoint Framework SPFx - Using PNP js How to get and save value in Yes/No sharepoint column

I am creating custom webpart in SPFx. I have a yes/no column. I have to use PNP js to get the value, when that check box got selected. That value I should save it in SharePoint column as Yes, if its ...
4
votes
3answers
288 views

Angular and spfx learning guide

I am getting started with spfx and i have no prior knowledge of angularjs/angular. Recently i saw a blog post that says to use angular element to develop webpart. Can you guys please guide me on ...
1
vote
2answers
81 views

Trying to use SPFX + React. Error “yo : The term 'yo' is not recognized as the name of a cmdlet”

I want to build my first SPFX React web part, so i am following this article:- https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/use-fabric-react-components first step i ...
0
votes
1answer
38 views

Can I use a SPFX ListView Command Extension to copy files from another library?

I'm looking at using the ListView Command SharePoint Framework Extension on a SharePoint document library. Essentially all it will do is have one command called "New Project". On selecting the ...
0
votes
0answers
25 views

SPFx Non Reactive WebPart Pane Props with Cascading Dropdow

I was trying to build out cascading dropdown webpart props (ref MS Docs). To this I have set the disableReactivePropertyChanges() to true. Expected Behavior The properties in the property pane ...
0
votes
1answer
58 views

SharePoint Online full-width page

I am still exploring SharePoint Online creating webparts and deploying through visual studio code using Typescript. I created a HelloWorld webpart and uploaded it on page. I was able to create ...
1
vote
1answer
31 views

Custom Edit Form WebParts, How to Prevent Overlapping Saves

I'm working on building a custom form webpart that will be basis for all of our custom forms going forward. A single webpart to handle New, Display, and Edit. This will facilitate our migration from ...
0
votes
2answers
50 views

SPFX Angular *ngFor not working with routing

Iam using Angular project from Sahil Malik's blog Use SPFx with Angular and Angular CLI as a startup solution/project.... And i implemented "@angular/router" for routing with some test pages. Just ...
0
votes
0answers
18 views

Jquery plugin remodal in SPFX Webpart

Hello as found on the internet I added a jquery plugin to manage modal box in my sharepoint Framework webpart. It worked perfectly for the first day but when I came back the day after it looks like ...
0
votes
1answer
42 views

How to Call 3rd party API using Azure function and display in SharePoint online Site using SPFx?

I have create one azure function to call 3rd party API and used application ID in SPFx webpart but when on 'gulp serve' it shows error. I have tried in both team site as well as developer site. I am ...
0
votes
1answer
49 views

can we check if the same package (npm package) loaded twice on the sharepoint modern page?

we are using private module (equivalent to dll) for logging the issue in SPFx to list. i am not sure if the private module is been downloaded multiple time or one time on the modern page. we are ...
0
votes
1answer
52 views

SPFx - PnP Js : Setting value of a custom user profile property

I am working on building a webpart using SPFx. I need to access userprofile service to set value to a custom user profile property. I am using PnP Js to achieve this. I found here that there is a ...
-4
votes
1answer
40 views

Is there any possibilities that getting documents that's been shared with the current user!

Any search API that shows shared with me documents been used with SPFX
0
votes
1answer
64 views

SharePoint Framework ( SPFx) is it possible to create custom HTML page

Just started learning SPFx, so had many queries. First of all In SharePoint Framework ( SPFx) is it possible to create custom HTML page and make that as default landing page for add in. So that we ...
0
votes
2answers
28 views

Add webparts to an existing spfx solution after deployment

I added a new webpart to a spfx solution after it has been deployed to SP online. I repackaged the solution, reuploaded the package to the app catalog and I do not see the newly added webpart in the "...
0
votes
0answers
42 views

Load fonts in sharepoint framework

I have the following code and need to know how to load an external font source such as the woff source build.configureWebpack.mergeConfig({ additionalConfiguration: (generatedConfiguration) => ...
1
vote
1answer
80 views

How to get App Catalog site URL using JavaScript?

Is there a way to programmatically get the App Catalog site URL in a SharePoint Framework (SPFx) Web Part? I'd like to read/set the SharePoint Tenant Properties in my Web Part. However, we need to ...
3
votes
2answers
68 views

How to combine two SPFx web parts?

We have two separate SPFx web parts (call them A and B), and you can add A and/or B to same SharePoint Online site. Now there is a need to create web part C that combines both A and B into single web ...
2
votes
1answer
40 views

Restrict audience for SharePoint Framework Solutions

Is it possible to restrict the audience for SharePoint Framework solutions? By individual sites or users. Deploying solutions to the app catalog make them available tenant-wide, but some solutions ...
0
votes
1answer
24 views

angular-aad-implicitflow

I see in SharePoint PnP Git repo: https://github.com/SharePoint/sp-dev-fx-webparts/blob/master/samples There is react-aad-implicitflow why not there is angular-aad-implicitflow. Is there any ...
1
vote
0answers
9 views

MSGrapClient request credentials on purpose

Is there a special way to ask a user for credentials when my app is initializing. For example, the app consists of several stages and at the 3-rd stage a user send ms graph request and if he's not ...
2
votes
0answers
32 views

Dynamic update Icon in SPFX client Web Part

I am using office ui frabric details list to display documents on spfx client web part from here. Now, I want to implement check-in/check-out icons to be displayed on spfx client web part dynamically ...
3
votes
2answers
57 views

SharePoint Online SPFx Apps: Why use a CDN for assets, why not simply use the SiteAssets library?

Why do the SPFx tutorials configure a library or a folder in an library as a CDN to host assets like scripts, images etc? I mean what is the technical difference to hosting the assets in the ...
1
vote
1answer
103 views

The requested operation is part of an experimental feature that is not supported in the current environment

I get this error : Error: The requested operation is part of an experimental feature that is not supported in the current environment. at e.getToken (sp-pages-assembly_en-...
0
votes
3answers
74 views

Reactjs, TypeScript & Webpack on SharePoint2013

I know that Reactjs, TypeScript & Webpack can be used on SharePoint Online to create web-parts. But can it be possible to create web-parts for SharePoint 2013 on premise. Please let me know if it ...
7
votes
2answers
356 views

Using MS Graph from SharePoint Framework 1.5.1 / 1.6

Can someone, please help me with figuring out how to use MSGraphClient from the latest SPFx version? MSGraphClient is supposed to help us to use MS Graph. My problem is that as soon as I add the line ...
1
vote
2answers
59 views

spfx MSGraphClient

I need to write a webpart, which shows data from the MS Graph. I wrote this example code import { Version } from '@microsoft/sp-core-library'; import { BaseClientSideWebPart, ...
3
votes
1answer
56 views

SPFx Developement Environment Setup issue

I am facing critical issue in setting up development environment for SPFx. I have refereed following link Link: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-...
0
votes
0answers
47 views

How to use the reusable components in SPFx projects

I am working in a SharePoint Framework (SPFx) project in Online version. We have created two separate projects, one is main project and another one is common project. The common project will contain ...
2
votes
0answers
39 views

TypeScript and SharePoint Framework question - although works but does it represent correct design?

Thanks for reading my question. I am just beginning to learn TypeScript and from my understanding so far I have created the follow code to retrieve list items from a list. The code works but I am not ...
1
vote
1answer
38 views

Create document from template in javascript on a modern sharepoint site

Does anyone know of an equivalent to the createNewDocumentWithProgID() or createNewDocumentWithRedirect2() JavaScript function that will work on a modern spfx SharePoint site?
3
votes
2answers
217 views

Office UI Fabric DetailsList(React) rendering: DetailsColumn.render() error

I am trying to add a very basic implementation of the Office UI Fabric's DetailsList React component to my project, but keep on getting the following error when trying to render it: 'DetailsColumn....
6
votes
0answers
72 views

How do I retrieve the SharePoint Modern site's classification property via search REST APIs?

I am creating a rollup of Modern team and communication sites that are provisioned in my tenant by creating one SPFx webpart which retrieves the site's title, URL, logo and some other properties using ...
0
votes
0answers
63 views

Jquery Datatable rendering issues in SPFx webpart

There is compile time error when rendering jquery DataTable in spfx webpart. Please see below issue. ($.fn.dataTable.render) is showing below error Property 'dataTable' does not exist on type JQuery&...
1
vote
1answer
63 views

How to sort a sharepoint list according to average rating column in react js?

I have a list which is to be sorted accoring to the average rating column and the top 3 items is to be displayed in react js. This is the api endpoint used : ${this.props.siteurl}/_api/web/lists/...
2
votes
1answer
123 views

How to deploy SPFx web parts on SP 2016 on prem?

I am working on a development environment on SP 2016 on prem with feature pack 2. I have created a "Hello world" web part following this example. I am trying to deploy the SPFx web part to a classic ...
1
vote
1answer
54 views

Reuse Child Component Method to Parent Component Fabric React - SPFx

I am using Fabric React with SPFx. I want to use one component public method to another component. How can be possible to reuse method? My Parent Component: export class PanelSmallRightExample2 ...
3
votes
1answer
76 views

How to inject jquery sharepoint services to spfx

We are trying to inject jquery sharepoint services dependency to our sharepoint framework webpart. This is what we did. First added external files at config.json "externals": { "jQuery": { //"...