Questions tagged [spfx]
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.
938
questions
0
votes
0
answers
4
views
Is it possible to use the standard function to open and view a file in Sharepoint in my spfx app?
I created a spfx app with react that can store files in a list:
Frontend View
When clicking on a button I want that all files in this list gets shown each at a time by clicking through them.
The ...
1
vote
0
answers
13
views
Why does my page scrolls every time I'm typing inside an input in SPFx?
I'm working on an SPFx React functional component. I have created a component that contains many accordions Each accordion contains one textbox. Every time I'm typing anything inside an input the page ...
-2
votes
0
answers
14
views
Cannot add type value in dom element [closed]
I am getting this error "Element implicitly has an 'any' type because expression of type '"value"' can't be used to index type 'HTMLElement'.
Property 'value' does not exist on type '...
0
votes
1
answer
17
views
Issue addin sharepoint list item with mutli people field with rest
I'm trying to add a list item with rest api in sharepoint online.
I tried few format, I don't have issue, the item is added, but the multi people field stay empty.
in my json file the field is ...
0
votes
0
answers
10
views
Create cascade dropdowns using SPFX React
I am new to SPFX. I am trying to build a web part property pane where there are 2 dropdowns. one has the lists in the current site and another one will populate the items inside the list selected in ...
0
votes
0
answers
32
views
Visual Studio Code Debugger seems to be broken [duplicate]
I was using Visual Studio Code correctly until yesterday to create and debug my SPFx webparts. Today it seems to stop working correctly in debug mode. It happens every time, but let's take this simple ...
0
votes
1
answer
32
views
How to display current logged In User in SharePoint Using SPFx?
I am working on a SharePoint Web part using SPF to display welcome a message to current logged in user. I am new to SPF and with little knowledge in JavaScript.
I Have tried this code which displays ...
0
votes
1
answer
120
views
SPFX:TEAMS Integration: Uncaught (in promise) Error: Either Guest user or Cortex is not enabled
We are facing an error while deploying a SharePoint application within the Microsoft Teams platform.
The application is built using the REACT (class components) + TypeScript + SPFX framework and is ...
0
votes
1
answer
31
views
What is the difference between Sharepoint Add-ins Legacy and Sharepoint Framework?
I am currently trying to learn how to build apps to add into SharePoint to extend its functionality and after a lot of confusion and reading all about SharePoint Add-ins I was met with this on the ...
0
votes
0
answers
56
views
Call open ai api in React JS class component for continue stream the data
callOpenAI3(): void {
if (this.state.isDone) {
return; // Stop fetching data if we're done
}
const CancelToken = axios.CancelToken;
const source = CancelToken.source();
this.source = source;
const ...
0
votes
1
answer
13
views
How to retrieve data from list in SPFX solution
I have 3 components - RequestSHP.tsx, WebPart.ts, Exekucie.tsx
I am trying to get data to dropdown from list, but getting error "404 (Not Found)"
Here is my RequestSHP.tsx ->
import {sp} ...
1
vote
1
answer
32
views
Enable the "Make "New Folder" command available?" option with Sharepoint using @pnp/sp
I need to create folder under Site Pages library under SharePoint Online site.
I have tried to create the folder programmatically using @pnp/sp library. But it thrown me Access Denied error.
New ...
0
votes
1
answer
22
views
How to clear the MGT PeoplePicker in react hooks SPFx web part?
I need to clear the the PeoplePicker after use.
<PeoplePicker
selectedPeople={addedMembers}
selectionMode={"multiple"}
show-max={50}
selectionChanged={onPeoplePickerChanged}
/>;...
0
votes
0
answers
19
views
Create new page in child folder under Site Pages library using @pnp/sp
I need to create a page programmatically in a child folder under the Site Page library.
I have created an SPFx solution for the same. I have created a functional component and added one button on that ...
0
votes
0
answers
13
views
Sharepoint framework SPFX global configuration for using @pnp/sp
I am creating a webpart using SPFX(react). I am using @pnp/sp for interaction with sharepoint. I want to have a global pnp configuration with the context without having to pass the context in each ...
0
votes
1
answer
35
views
Error while building a SPFX React Webpart
I am building my first react webpart. While running the gulp build I am getting the following error.
Error - 'sass' sub task errored after 111 ms
Can't find stylesheet to import.
╷
1 │ @import '~@...
0
votes
1
answer
97
views
Which Runtime stack we need to use to host the Azure function for react-chatgpt-app
I want to deploy the https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/react-chatgpt-app inside my tenant. but for the Azure Function which stack we need to chose, i chose node.js version 18 ...
0
votes
2
answers
33
views
Continued Issues with NPM Install
I've been at this for over an hour and all I have managed to conclude is that I need help.
I'm on a new computer where I haven't been doing SharePoint Framework development, but now a bug has come up ...
0
votes
0
answers
8
views
How can i share a file with a password in spfx using @pnp/sp/sharing
I am using @pnp/sp 3.7.0 version
I had a function that is not working.
I've tried the below function but never got it working.
public async shareLinkWithPassword(fileUrl: string, password: string):...
0
votes
1
answer
19
views
Error - unable to resolve dependency tree while installing @microsoft/generator-sharepoint
Node version 16.0
I was able to install Gulp and Yo glabally but unable to install the @microsoft/generator-sharepoint
I got the bellow error
npm ERR! code ERESOLVE npm ERR! ERESOLVE unable to resolve ...
0
votes
0
answers
11
views
Is it possible to inject code into Gulp SubTasks?
I'm currently working on a SPFx project and it's running for the majority through gulp serve.
All fine with that, except that every once in a while, gulp seriously chokes on the webpack subtask.
...
1
vote
1
answer
62
views
Combining multiple Promise results into an array
I am trying to send multiple strings to be processed by a function. The function executes a promise on each string that needs to be evaluated. Once all the promise responses are returned, I need to ...
0
votes
0
answers
7
views
How can I make changes to a variable in a Sharepoint Command set extension without redeploying the solution?
What is the best way to make a command set extension configurable, similarly to how you would use properties in the property pane for a web part?
I would like to make changes to a variable without ...
0
votes
0
answers
14
views
Minified React error #31 with sharepoint online using React + redux tookit
Getting error when getting the state from store.
Minified Error when building the project
Typescript version: 4.2.4
SPFX version: 1.14
@reduxjs/toolkit": "^1.9.3"
@types/react-redux&...
0
votes
0
answers
48
views
Attempted to perform an unauthorized operation while copyByPath using @pnp/sp
I have created functionality for folder creation under the SharePoint document library nested folder and copied files from another folder to a recently created folder.
I have used the "@pnp/sp&...
0
votes
0
answers
57
views
Image cut off between two pages when export pdf using jspdf
I have created SPFx react functional component for export PDF.
I have used JSPDF for export pdf. When I tried to export the PDF images are cut off between two pages. Please refer to the below ...
1
vote
0
answers
25
views
Unable to bind hyperlink in PDF while generate PDF using JSPDF
I am creating a PDF document using jsPDF and I want to Add a Hyperlink inside the HTML it's working fine but when I try to convert it to pdf it simply renders text instead of a hyperlink.
Below is ...
0
votes
1
answer
53
views
Why does using @microsoft/sp-dialog inside a SPFX ListViewCommandSet prevent the extension from loading?
I'm trying to do something I've done before. I want to create a new SPFX ListViewCommandSet button which opens a dialog box. However, the moment I reference my custom dialog, the entire extension ...
0
votes
0
answers
14
views
get Termgroup From Metadata Field
I'm making a spfx webpart that use Terms customProperties from metadata Column.
I'm able to retrieve the TermId from list and the TermSet (from the List Field Properties)
But I'm not able to retrieve ...
1
vote
0
answers
30
views
Breakpoints not hit when debugging SPFx Field Customizer in VSCode
When debugging a SPFX Field Customizer Solution using VS Code, I cannot get the breakpoints to hit in the IDE. If I open the dev tools in the browser, I am able to put in breakpoints in the code and ...
0
votes
0
answers
33
views
Rich Text Editor with file upload in SPFX/React WebPart
I am looking for some package with Rich Text Editor which has file upload for files (not images) and user can basically upload to Rich Text Editor files and description.
I tried to find something ...
0
votes
1
answer
41
views
msgraphv3Client connection from spfx webpart
I try to connect to msgraph to read data with msgraphClientV3 from a spfx webpart.
I followed this :
https://learn.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/using-microsoft-graph-...
0
votes
0
answers
60
views
SPFx resolving dependency issues
While following this training unit by Microsoft
Exercise - Use the SPFx PnP reusable property pane controls I encounter errors, any advice on how to resolve these issues?
Environment Info
Platform: ...
0
votes
1
answer
68
views
Is it safe to override window.sessionStorage.getItem and setItem?
In my SPFx web part I am using an npm package that defines React.js controls that I need. The library is https://github.com/pnp/sp-dev-fx-controls-react, but my question is not strictly related to ...
0
votes
1
answer
212
views
Uncaught (in promise) TypeError: Cannot read properties of undefined (reading 'web') when using sp pnp v3
I am developing a webpart for my sharepoint tenant. When I test my solution on my workbench everything works well. But when I put it on my sharepoint online I get the error described in the ...
0
votes
0
answers
16
views
SPFx bootstrap css conflict issue
I have gone through the link https://thorvaldboeblog.wordpress.com/2017/06/11/create-a-responsive-web-app-with-sharepoint-online-classic-and-office-ui-fabric/. It contains following information
When ...
0
votes
0
answers
40
views
React bootstrap carousel in SPFx
I am referring this link https://react-bootstrap.github.io/components/carousel/ to create carousel in SPFx. I have more than 10 items to show in carousel but I want to show 5 indicators. So I want to ...
0
votes
0
answers
14
views
React bootstrap vs bootstrap in SPFx
I want to know pros and cons of React bootstrap vs bootstrap in the context of SPFx. Is there any partiuclar reason we should use one over another in SPFx
0
votes
2
answers
144
views
Facing throttle (Http 429) error when calling Graph API in the loop
I am developing a portal for meeting room booking similar to the one available on Power Apps. I want to call graph API to get the availability of each rooms in the tenet at the filtered time provided ...
0
votes
0
answers
54
views
Different technologies to interact with SharePoint and External systems inside our SPFx web part
I am developing 2 SPFx web parts. one which shows items from a SharePoint list and the other shows items assigned for the login user from SLACK.
now for the technologies, to connect to the SharePoint ...
0
votes
2
answers
92
views
I'm trying to create a spfx environment, i ran command "npm i -g @microsoft/generator-sharepoint" and i returned with error "code EEXIST"
my node version is 10.13.0, i'm using this version because of a specific project dependency and i'm using my office laptop,
I'm also having
+-- gulp@4.0.2
+-- typescript@4.9.5
`-- yo@4.3.1
i want to ...
0
votes
0
answers
27
views
SPFx - list username shows in console but not when mapping out object array
I have made a simple SPFx application that is supposed to fetch data from a list in SharePoint Online called "Users". I am using PnP sp to get the list items and the data shows in ...
0
votes
0
answers
63
views
SharePoint SPFX webpart in react js
I nee when i select value in KPI Group Dropdown then value in KPI Sub Group Dropdown value show.
but After i select value in KPI Group Dropdown value not show in KPI Sub Group, After i select value ...
0
votes
0
answers
31
views
SPFx wab part to modify left navigation
Is it possible to build SPFx web part which can replace the left navigation. I would like to create my own navigation that will use a treeview control. From what I have seen there are number of ...
-2
votes
2
answers
29
views
BaseApplicationCustomizer throws errors
So today I was updating one of our SPFX extensions to use the latest spfx framework (1.16) with node (16.13) and after finishing my updates I got the following inside my code:
I am not exactly sure ...
0
votes
0
answers
27
views
TypeScript Keyof in const issue with name
I'm trying to get value of SharePoint list dynamically for a custom calendar.
the user will be able to choose start and end DateTime so I can't know by design my field.
here the code :
type objkeys = ...
0
votes
1
answer
47
views
While we are create list and list columns using "pnp/sp". Why some of the columns are not created in one go?
While we are create list and list columns using pnp/sp. Why some of the columns are not created in one go? We need to run again then it will created. Please help me to resolve this issue.
I have used ...
-1
votes
1
answer
50
views
Autodesk Forge Viewer in Sharepoint just shows black models
For our current project, we integrated the Forge viewer into Sharepoint following this tutorial. (https://aps.autodesk.com/blog/sharepoint-online-integration)
We then set up the project in React using ...
0
votes
0
answers
9
views
In SPFx web part
I am trying to change language from English to Arabic in SPFx web part. I want to change this in browser only , can any one help me in this?? Even I am not sure that is this possible or not, I search ...
0
votes
0
answers
28
views
PNP Listview isnt lazyloading
I have implemented a listview control in my SPFX webpart. It is showing a memberlist with 205 members. But when I scroll down it is actually only showing 50..
When I look into console i get this ...