Stack Exchange Network

Stack Exchange network consists of 175 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

Questions tagged [spfx]

General technical questions about the SharePoint Framework client-side development model.

0
votes
1answer
49 views

Retrieve column value (page property) by site ID from Site Pages list

apologies for the likely silly question, but I've been unable to find an answer that makes sense, or at least one that marries up with my understanding of the SP terminology. I'm trying to get access ...
2
votes
1answer
90 views

Create document set with REST API in SharePoint Framework

I'm looking for a way to create a document set in my document library from within SPFx web part. I'm using @microsoft/sp-http module to create HTTP requests. Do I need to manually create some ...
1
vote
0answers
84 views

How to use external API in sharepoint online or in SPFX?

I am trying to integrate the Microsoft Translator Text API to a SharePoint online site, and the method that I am using is with sharepoint framework webpart. but when I press the button to do the API ...
5
votes
1answer
78 views

Configure multiple modern SPFx Web Parts on classic pages

We have an issue with Sharepoint Web Parts which have worked perfectly fine in the past, but seem to have broken sometime within the past month without change on our side. One modern web part on the ...
0
votes
1answer
39 views

Calling MS Graph API: An error as soon as declaring the MSGraphClient

I have imported the MSGraphClient in my project using the following statement: import { MSGraphClient } from '@microsoft/sp-client-preview'; I have also added those two import statements, as I will ...
3
votes
1answer
35 views

Sharepoint framework (spfx) failes to create new project

I use yo @microsoft/sharepoint and it hangs at `Found npm version 6.5.0,no error the console is not closing it just stops. (files are not produced and multiple enters don't do anything) Guys do you ...
1
vote
0answers
45 views

Create a map webpart using Leaflet library in Sharepoint Online

I want to display a map in Sharepoint that takes locations from a list. For this, I'm trying to create a webpart using the Leaflet library (https://leafletjs.com/). The problem is that the map is not ...
1
vote
1answer
37 views

SPFX apply styles before page renders

I am working on modifying modern site pages, more specific the top banner image in the title area. We want to set a max-width and center the background image. The CSS part I have figured out. The ...
0
votes
0answers
56 views

Connect SPFx webpart and SP list using dynamic data

I know a SPFx webpart can be connected to another SPFx webpart using PropertyPaneDynamicFieldSet and PropertyPaneDynamicField. My question is can a webpart being connected to a SP list? I'll connect ...
1
vote
0answers
25 views

I want to upload the document in SharePoint online document library with content type

My code - sp.web .getFolderByServerRelativeUrl("Student%20Details%20No%20Content%20Type") .files.add(fileContent.name, fileContent, true) .then(f => { f.file.getItem()....
2
votes
0answers
23 views

Error in seting up spfx 1.7 with angular 7

Hi I am setting up a SPFX 1.7 project with Angular 7 using the sample which is done with previous version. https://www.youtube.com/watch?v=_OgEqWtouuU https://winsmarts.com/use-spfx-with-angular-cli-...
1
vote
1answer
53 views

How to upload file in document library using pnp/sp

I have written code to upload the file in SharePoint online .. but while upload the page gets refreshed .. Please help . Code - sp.web .getFolderByServerRelativeUrl("Student%20Details%20No%...
1
vote
0answers
49 views

SPFx Custon Property Pane not opening

I have created one custom SPFx webpart in which I have placed one link (My Links). By clicking on that link, I am getting links from SharePoint list. When user clicks on the link, it opens Property ...
2
votes
0answers
60 views

Deploying new version of a SPFX app propagates functionality to web without updating app by user

After deploying a new version of a SPFX WebPart/Extension to an AppCatalog in SharePoint Online the new funcionality gets propagated to instances of the app installed on webs. But the users still have ...
0
votes
0answers
22 views

Unable to print result in spfx react (got the data)

Getting data from SPFX React (json) - this.state = { testProperty1: "", hideDialog: true, showModal: false, items: [ { Id: "", title: "", ...
0
votes
1answer
53 views

Error while creating list item with multi-user field - pnp js / spfx

In my spfx webpart, I'm creating list item using pnp js. As per pnp-core-js documentation I have written following code, but its failing with error. Private AddListItem() { pnp.sp.web.lists....
3
votes
0answers
120 views

Calling ASP.NET Web API 2 from an SPFx webpart

I am facing an issue with authenticating my SPFx webpart against an Azure AD backed Web API. What I have done so far is Created a ASP.NET WEB API 2 project. Added OWIN and configured CORS and OIDC in ...
1
vote
1answer
58 views

spfx pnp search API: Search by content type and part URL

I have a requirement to makes an SPFX search webpart that can be searched by content type and also partial item url but it has to only return a specific content type from all sites accept root. The ...
1
vote
2answers
46 views

Error when using 'boolean' type property in spfx

I have used office ui fabric 'Checkbox' component in my spfx. For storing value of checkbox I have declared one property with name 'var_Passport' as 'boolean' type. further, I'm assigning value (true/...
1
vote
0answers
43 views

Local workspace file ('angular.json') could not be found error in SPFX

I am trying to use angular 4 in SharePoint Framework. Basic setup is done but when I try to use angular command ng g service app it throws error Local workspace file ('angular.json') could not be ...
1
vote
0answers
47 views

SharePoint Modern Filter option for list view webpart

I have some lists and libraries in SharePoint Online and all are already converted in modern experience (new experience). I want to add these as list view web part in SharePoint Modern page and ...
1
vote
1answer
189 views

How to dynamically bind value (Options) to Dropdown - Office UI Fabric React Components

I'm using Office UI Fabric React dropdown in my spfx webpart. I have added static options in that dropdown as below, but I want to bind options dynamically which i'm getting from REST api. <...
1
vote
1answer
50 views

CAML query returns different data

I created a CAML query that I need to use as a workaround for REST API and the 5k threshold limit: However when I was testing it using the SharePoint CAML Query Helper Online, it returns the correct ...
1
vote
1answer
31 views

I want to call one child component from parent component spfx react

I want to call SPFX react child component from parent component . But I am getting error while creating react component . Error: Declaration or statement expected. Cannot find name 'div'. Type '...
1
vote
1answer
26 views

Unable to open popup in spfx react

<div className="backdrop" style={this.backdropStyle}> <div className="modal" style={this.modalStyle}> {this.props.children} <...
1
vote
1answer
78 views

Want to open popup in button click SPFX React

I Want to show modal popup in spfx react webpart. Below is the code I am using: <div> <button onClick={e => this._OpenModal(this)}>Open Modal</button> <div id="myModal" ...
1
vote
1answer
27 views

Getting always extra button on display .. 1 button dont have any ID

I am having problem while looping. I am always getting an extra button. Please help. {this.state.items.map(myitems1 => { return ( <div key={myitems1.Id}> <span>{...
1
vote
1answer
30 views

Is there any option to edit the quick links without having to go to edit mode in sharepoint online?

I need to create a quick links webpart which is capable of editing the links without having to edit the webpart. Is this possible? Am I missing any out of the box feature?
0
votes
1answer
51 views

Create Modern Page with Page Layout

I want to create the Modern SharePoint Page using any Custom Page Layout. Is it possible using SPFx or server side code? If yes, Can you please share the code or any reference link?
0
votes
1answer
37 views

Getting Teams Context information in SharePoint Framework extensions

With SPFx 1.7 preview release, I know we can access Teams Context information in SharePoint Framework web part but not from SharePoint Framework extensions. I looked at ApplicationCustomizerContext ...
1
vote
0answers
26 views

SPFX and React : Component not rendering correctly because of findDOMNode returns null

I am a new React learner, and I may have a situation with render() and findDOMNode. What I have and what is the wrong behavior : I'm quite new to React so, I may have done lots of mistakes there. I ...
1
vote
0answers
35 views

Create list view webpart using office UI fabrics in SPFX

I want to implement same list view webpart as given in this Office fabric component example article. They have provided code for the same but I don't know how to implement this code. I have created ...
1
vote
0answers
22 views

SP16 - How to add metatag in header of sharepoint list page(EditForm and NewForm) with SPD

I want to add following code in my page where is SPFx web part: <asp:Content runat="server" ContentPlaceHolderID="PlaceHolderAdditionalPageHead"> <meta http-equiv="X-UA-Compatible" content="...
2
votes
1answer
624 views

Failed to execute 'json' on 'Response': body stream is locked

I am following this article and get the following error in the console.log Uncaught (in promise) TypeError: Failed to execute 'json' on 'Response': body stream is locked at e.json (sp-pages-...
0
votes
1answer
63 views

A service principal with the name User Details Custom API for SPFx

I am consuming an Azure API app in a SharePoint Online react app. I am following this article. But when I try to approve the app permissions on the API management page (SharePoint admin centre). I ...
0
votes
1answer
72 views

Provisioning SPFx WebPart assets: adding a page with your webpart embedded to it

As far as I can see it should be doable to create a package which can automatically, once the app is added to your site, to create a page and embed the webpart on it - as described here: https://...
3
votes
1answer
235 views

NodeJS not compatible

when I run gulp serve I get the following error. Your dev environment is running NodeJS version v10.15.0 which does not meet the requirements for running this tool. This tool requires a version of ...
0
votes
1answer
44 views

Sharepoint (SPFx): APIs working on workbench but on modern pages the /sitePages/ path appears

I'm fairly new to the sharepoint framework so this maybe something quite fundamental that I have misunderstood but here goes: I'm working on a sharepoint framework typescript / react webpart that ...
0
votes
0answers
22 views

how to set the actual webpart code as initial value in PropertyFieldCodeEditor - SharepointFramework

Hello i am using this custom property pane control called PropertyFieldCodeEditor. what i want is to display the actual webpart code as the initial value of the code editor, then after i click save, ...
0
votes
0answers
27 views

Sharepoint SPFx active toggle in list view

I'm new with SharePoint Framework and I want to achieve something like this: Github - React Field Toggle This solution is for SPFx v1.3 and in my environment (SharePoint Online) it's not working even ...
1
vote
1answer
73 views

Can I use SPFx 1.7 with Sharepoint 2016 Feature Pack 2 updated to the latest January 2019 patch?

We have an on-prem Sharepoint 2016 server which has been kept up to date with the latest security and feature updates and patches. We want to build a client application using SPFx Web parts, ...
1
vote
1answer
50 views

Get current folder within SharePoint document library with @pnp/sp

I need to get the folder name within a document library, within the ListCommand spfx extension. Is there a way to do that with REST ? can I use @pnp/sp ? I have imported the project with : import { ...
0
votes
1answer
52 views

How to add checkboxes to propertypane dynamically

I have a dropdown on my property pane which i populated with sharepoint lists. What i want to do now is to add the columns(fields) of the list(selected on the dropdown) as checkbox(on the property ...
1
vote
0answers
57 views

Why can't PowerApps see my Custom SharePoint Lists?

I've been working on a PowerApp which uses SharePoint Lists to store its data. When I manually create the lists within SharePoint, I can see these when adding the Data Source in PowerApps - however, ...
1
vote
1answer
86 views

Cannot read property of undefined in spfx

Hear is a SPFx react webpart ".tsx" file code image Have you any solution ?
0
votes
1answer
36 views

SPFx - Accessing/appending markup that has been entered in via a property pane text field to webpart

I am currently working on an SPFx webpart. Within my property pane I have: PropertyPaneTextField('CreateNewVerticalNav', { label: 'Create New Vertical Nav', multiline: true, ...
0
votes
0answers
46 views

package error when building spfx webpart

I am using the following breadcrum sample. To reproduce the error use command: gulp serve Error I got: ./src/extensions/siteBreadcrumb/SiteBreadcrumbApplicationCustomizer.ts Module parse failed:...
4
votes
1answer
58 views

Should I rewrite all the existing jquery ajax webparts in Typescript or is it better to inject existing jquery in SPFX?

We are moving from SharePoint 2013 to SharePoint Online. We are thinking of migrating existing webparts in 2013, which have jquery - ajax, to SPFX client webparts. Do we have to rewrite all the code ...
0
votes
2answers
78 views

CSOM CAML displays all fields

I would like to reduce the no of fields that I get from CAML query. The List has more than 100 fields, which is causing a lot of performance issues. In SSOM the SPQuery object has a query....
0
votes
1answer
149 views

Using Office Fabric UI icons in a SPFx extension

I want to add an icon to one of my buttons on my SPFx list extension. In the JSON, I can amend this for an url for an icon to my CDN, but how about if I just want to use office fabric UI, any ideas? "...