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
0answers
16 views

2016 - SPField.FieldRenderingControl equivalent to CSOM or JSOM

Using the Microsoft.SharePoint, I can render SP Fields in custom application page using the below server side code. BaseFieldControl editControl = field.FieldRenderingControl; editControl.ID = field....
0
votes
0answers
23 views

Aditional properties not allowed SPFX webpart error

I'm getting this error when I use gulp serve Blockquote Error: #/localizedResources (A set of localized resources, to be d...) Additional properties not allowed: v3WebPartStrings Error:...
1
vote
3answers
53 views

Retrieving column fields from SharePoing list using sp-pnp-js

I have a list. I want to retrieve the fields to see how many column are there in my list. For example, my list name is TestList, I have created 5 columns of different datatypes. I want to retrieve ...
2
votes
1answer
91 views
+50

Customize Modern SharePoint listform

Currently i am working on modern SharePoint and i have one requirement to create purchase order form. To create Purchase order form, i have 2 list. One is for vendor and other detail and another ...
3
votes
1answer
74 views

Including React Kendo Grid in SPFx web part throws warnings during build

I have got a kendo grid built into a SharePoint SPFx web part. All works great in my local work bench however when I go to build the kendo components give lots of errors. Seems to be a known issue ...
2
votes
1answer
34 views

SPFX 1.7.1 - Full page apps - How to configure

So i've been away from SPFX for a while since they were still using the older version of React and i've got a question. I can see that they added a developer preview of "Full Page apps". How can you ...
2
votes
1answer
40 views

MSGraph Permissions

I am trying to allow an app to get a user's manager. According to the documentation I need User.Read.All permission: So in my SPFx, I added the request: "webApiPermissionRequests": [ { "...
1
vote
1answer
34 views

SPFX not showing webpart properties in modern page

I have created a new spfx webpart from yomen generator. and deployed to sharepoint. It is working in the classic sites and workbench page. But in the modern site, modern page. it is not showing web ...
0
votes
1answer
28 views

Fetching modern sharepoint page comments and likes count using search api

I can't seem to find the correct managed property for both modern Comments Count & Likes Count at all as all managed property within schema returned 0 counts. I would like to avoid additional ...
0
votes
0answers
28 views

Getting empty value - please help [on hold]

private _getSiteColumnData(): Promise<any> { let { drpOptions } = this.state; let web = pnp.sp.web; return web.fields.getByTitle("CountryName").get().then(f => { //console....
0
votes
1answer
26 views

How to run in local enviroment this solution SPFX on Sharepoint local enviroment

I find out some solutions on internet, but i don't know how run this solutions on Sharepoint local enviroment. Here is a link. Please help me.
0
votes
1answer
31 views

Question regarding Typescript version in SPFx

I have few SPFx related queries as mentioned below. What is the current version of typescript in SPFx v1.71? if it is not the latest version then is there any plan to upgrade? It will be great to ...
2
votes
1answer
34 views

Create an excel/word document using SPFX web part in SharePoint Online

I have one requirement about preparing excel and word document based on SharePoint list data and download it for user in SharePoint Online using SPFX web part. My question is: Can we create SPFx web ...
0
votes
1answer
21 views

This function always return extra values

While calling the function always get "x" extra added value . Suppose I have received 3 values on 1st call , next 2nd call I received (3 + 3) values , and on 3rd call (6 + 3) values . But I want to ...
-1
votes
1answer
29 views

Debounce in sfx react

The code I am using: <TextField onChanged={e => this.handleCommChange(e, 'Contact')} private handleCommChange(e: any, controlType: any): void { const { temp_items } = this.state; const ...
2
votes
1answer
32 views

Send an email with SPHttpClient

I'm working on a web part for SharePoint 2016 on-prem and I want to send an email from the current user. I cannot use @pnp/sp library as it's not supported with TypeScript 2.2.2 and I'm unable to ...
0
votes
1answer
40 views

Call external Web API in SharePoint online using SharePoint framework

I have published Web API from Visual Studio 2017 in Azure portal and I want to consume those data in SharePoint online. I have created one SPFx project file from node js and opened in Visual Studio ...
0
votes
0answers
32 views

SPfx CKEditor 5 adding additional plugins

hopefully i'm not being too dense here. We have a requirement that a WebPart includes the CKEditor V5. But we need to implement some of the third party plugins that are listed on the CKEditor website. ...
2
votes
1answer
32 views

Using jQuery plugins in SPFx web part

I'm looking for a reliable way to implement jQuery plugins into my SPFx web part (targeting SharePoint 2016 on-prem). I have jQuery installed with npm install and imported with import * as jQuery from ...
1
vote
1answer
18 views

SPFx Document Search Result Add-in with ECB / CommandSet option

we are building SPFx based document listview based on search / user personalized view - my bookmarks or recent document; We want to plug in OOTB ECB menu / command set; is there any option to ...
0
votes
1answer
25 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
44 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
55 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
67 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
32 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
33 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
35 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
23 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
33 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
19 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
21 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
36 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
38 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
40 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
21 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
32 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
82 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
38 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
39 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
25 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
24 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
82 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
47 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
23 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
25 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
36 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
26 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
35 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
23 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 ...