Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
449
questions with no upvoted or accepted answers
6
votes
2
answers
2k
views
Remove spfx webpart
I've uploaded and deployed some spfx webparts through my App Catalog site.
Now these webparts are not useful anymore so I've deleted them from the App Catalog.
Then I've checked my sites and ...
5
votes
1
answer
4k
views
"Either Guest user or Cortex is not enabled!" on SP page
I get this error: "Either Guest user or Cortex is not enabled!" in the browser's developer console when I run my published webpart. It first appeared around October 26th 2022.
The error ...
5
votes
1
answer
2k
views
SPFx web part not showing from the catalog
Followed the video from
SharePoint Framework development with SharePoint 2016 Feature Pack 2
but could not add the web part to the site because it did not show up.
I made sure I have only SPFx 1.0....
5
votes
0
answers
266
views
Office ui fabric react not working with SharePoint hosted app!
I have created SharePoint hosted app using VS2015, and in that i have used Office ui fabric react components. I have installed it and other packages of React and React-dom using npm, App is ...
4
votes
2
answers
2k
views
SPFX and react-router
I'm having trouble getting react-router working on my SharePoint Web Part with React and TypeScript. I have tried react-router as a standalone webapp and it works fine. Just can't get it working on ...
4
votes
1
answer
2k
views
How can I force SPFX webpart to not show cached data in SharePoint online
I have created a SPFx webpart which reads parameters from page URL query strings and renders data accordingly.
After the page is loaded and I press back button and again access the page with ...
4
votes
0
answers
91
views
Is it possible to include fields in a sharepoint list directly from elements.xml file?
I am trying to provision a SharePoint 2013 tasks list from a spfx app using the feature framework. I am able to create an out of the box tasks list with the following list definition in my elements....
4
votes
1
answer
725
views
SPFx Custom Property Pane
I had created a SPFx web part. The web part contains a Property Pane Custom Field, which returns a string. Now, when I hit apply button on property pane, my custom property gets the data and render it ...
4
votes
2
answers
3k
views
Asynchrounously load lookup column values in an SPFX/PNP-JS-CORE editform
I'm working on a spfx app to be used as a SharePoint list form. The app will be used to edit ha a LOT of lookup columns. the lookup columns are rendered as dropdowns in the react component. I am ...
4
votes
0
answers
1k
views
SPFx Custom Property Pane save property save
When building a SharePoint Framework web part - How to Save Custom Property Pane value?
I have created a multiselect field for Property Pane, but not able to retain the values when refresh the page.
...
4
votes
1
answer
1k
views
Using ADAL with SharePoint Framework
I've setup a web part with SharePoint framework that requires access to the Microsoft Graph for displaying the recently used files.
I've followed the instruction here: https://github.com/SharePoint/...
4
votes
1
answer
509
views
Moving from CEWP to SPFx - import fabric components
Been struggling with this for the past few days. I am quite new to Sharepoint development. Got my head around CEWP and was using office-ui-fabric-js components with code samples from here.
I am now ...
3
votes
0
answers
347
views
PropertyPane to small for PropertyFieldCollectionData
Hi I want to use PropertyFieldCollectionData from @pnp/spfx-property-controls but it doesn't work as expected.
When I debug my freshly set up WebPart in the workbench the PropertyFieldCollectionData ...
3
votes
0
answers
489
views
Office-UI-Fabric Pivot with React Router? Possible or not?
I face real challenge (at least for me) so I decide to ask for some help here. I'm building SPFx app where I'm using Pivot from UI-Fabric and I would like the current user to be able to navigate back ...
3
votes
2
answers
3k
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....
3
votes
3
answers
2k
views
Is it possible to open modern item edit form panel from custom SPFx webpart?
Is it possible to open EditForm panel from my SPFx webpart? Something like in list view, if an item is selected, side panel appears with read-only properties and a button "edit all" enables user to ...
3
votes
0
answers
651
views
SharePoint Framework error : Resource "jquery" not found in loader configuration of manifest for component
I know that this question has already been there, but am raising it because after trying all blogs issue did not get resolved.
Am trying to load non-AMD module having dependency on AMD module. Since ...
3
votes
2
answers
391
views
Deploy selected webpart in SPFx Webpart Solution
We have created an SPFx webpart solution and it contains 5 web parts in it.
3 out of 5 web parts are related to one client and rest 2 web parts are related to another client. now I want to deploy this ...
3
votes
1
answer
354
views
Is it possible to have Skype Integration using SPFx React Webpart
I am working on Skype Integration With SPFx React webpart in Office 365. I tried to refer below URL
http://www.sharepointcolumn.com/lync-presence-indicators-code-snippets-in-sharepoint-2013/
but ...
3
votes
1
answer
3k
views
VS Code : Breakpoint ignored because generated code not found (source map problem?)
I am trying to debug my SharePoint Framework web part in VS code using the Chrome Debugger extension but I am getting error message as Breakpoint ignored because generated code not found.
Also in ...
3
votes
0
answers
102
views
SPFx WebPart and Variations - App is not working
I have developed a SharePoint SPFx App that is using a CDN hosted in SP for the resources.
Everything is working fine on normal websites and sites but not on variation sites.
So I can install the ...
3
votes
1
answer
528
views
Properties of SharePoint framework web part
How to get all the associated properties of Web part in SharePoint framework?
2
votes
0
answers
41
views
HTML in Long Description of SPFx Package-Solution
According to the schema for a SPFx package-solution, the longDescription, which is located under metadadata should accept HTML. I have been able to put newline characters (using \n) but not HTML.
...
2
votes
0
answers
38
views
How can i search second or third word on PeoplePicker?
I have a peoplePicker on my sharePoint project, *react,
and I am using this for search users or groups. I can find all.. but there is an another problem.
It's okay if I write the words in order but if ...
2
votes
0
answers
473
views
Is there any way that I can use Application Customizer extension in whole site and only for one page?
I have created a Application Customizer extension of permission for single page URL. Is there any way that I can use this extension in whole site?. If yes, how to do it?
2
votes
0
answers
305
views
SPFx - Webparts won't load proper on first load
I'm currently making SPFx Webparts for the SharePoint Online segment.
Since some time when I start a new browser session and head over to my 'portal' 1 of duplicates partially to other components. See ...
2
votes
0
answers
987
views
Sticky Header in SPFx webpart
I have a SPFx webpart where I am using "DetailsList" to bind search data, I want to make header sticky while person scrolls the webpart, I have a search bar then dropdown and then grid in ...
2
votes
1
answer
1k
views
In a SPFx web part, how can I get description and Url from a SP.FieldUrlValue?
I have a SharePoint list with a Link column of type Hyperlink or Picture.
How do I access the description and url values in code?
export interface ISPList {
Title: string;
Link: object;
}
...
2
votes
1
answer
995
views
Correct and reliable way to load bootstrap in SPFx webpart
ello,
I know there are couple of ways to load bootstrap in our SPFx webpart. But it seems there is some inconsistency on how to add its reference in webpart.ts
I am trying to load bootstrap.min.js ...
2
votes
0
answers
55
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-...
2
votes
0
answers
190
views
SPFX WebPart: Getting HTTPS certificate ERROR in IE11
Getting HTTPS certificate error in IE11, webpart is working fine in chrome, firefox, and Edge but NOT in IE11. The webpart is just displaying some simple list data in dropdown component, and nothing ...
2
votes
1
answer
857
views
SPFx Office UI React - How to default select user in People Picker
On componentDidMount I have received the current logged in user using MSGraphClient. I have saved the object that I received from graph in fullObject variable.
I am using below code:
<...
2
votes
0
answers
97
views
Update a library field when uploading a file using javascript
I am using a spfx webpart to upload a file and modified a column value associated tothat file. The code below works and stop working without any reason and i can modify only the title field with it. I ...
2
votes
1
answer
830
views
View SPO Modern list in SPFX
I'd like to ask if its possible to achieve something like this -> https://collab365.community/create-manage-sharepoint-list-teams-tab/?fbclid=IwAR0FhFIvH9S51ZNvJbcR_dtFzl0Xe2zljyNP-...
2
votes
0
answers
1k
views
Sharepoint Framework Dialog, Modal and Panel not working
I have created a web part in react js which contains a Microsoft office UI fabric control "Modal" and it pop outs on a button click. This feature works fine on my local workbench but whenever I ...
2
votes
0
answers
227
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 ...
2
votes
0
answers
111
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 ...
2
votes
0
answers
421
views
Webpart built using latest spfx version not working on the classic site
I have built an angular 1.x webpart application using the spfx 1.4 version. The webpart works in the modern sites pages but is not working on the classic site pages and I am getting the following ...
2
votes
1
answer
389
views
Mapping json out to typescript in spfx
I have the following json output :
"ParentTerm":{
"Name":"Accounting",
"ID":"e8c3c601-d3e0-4499-b0ad-3b520924af15",
"Root":true,
"ChildTerm":[
{
"...
2
votes
0
answers
2k
views
Sharepoint React Framework , office ui fabric css not getting applied on components
This is the current version of office ui fabric referened in my package :
I am using sharepoint react framework and have used List component :
Code Link : https://github.com/OfficeDev/office-ui-...
2
votes
0
answers
62
views
Is it possible to create a SharePoint hosted list by SPFx?
I need to create a list inside the app which I can remove it when I delete the app from the site.
2
votes
1
answer
558
views
Custom section layout using SPFX
Is it possible to add a custom section layout using SPFX?
I'd like to build a custom layout with my own logic and rules. In the documentation, only Webparts are explained.
My question is similar to ...
2
votes
2
answers
870
views
SharePoint Framework onchange method not called
I'm new to SPFx and doing this plain Javascript web part to kick off things but have hit a read block.
I can't seem to figure out on how to properly call the oncahnge method on a search input:
<...
2
votes
0
answers
501
views
_spBodyOnLoadFunctionNames and Modern Pages
Question
In developing SharePoint Framework web parts, is there any way to wait for a Modern page to load before running a piece of code?
On classic pages and in the days of Script Editor Web parts ...
2
votes
1
answer
760
views
Using <a> tag in SPFx Web Part causes the whole page re-rendered in modern site page
We have a SPFx Web Part which uses the A tag with href='#' to create dropdown menus(clicking the tag shows a dropdown menu). The tag works well in a Classic page, however, when the Web Part is added ...
2
votes
1
answer
1k
views
Open modern image file dialog in SPFx web part
By using the "Quick links" client-side web part on a modern site page it is possible to add a new link and set an optional image by a file dialog.
Is it possible to use this kind of file dialog in ...
2
votes
1
answer
602
views
SPFx breakpoints and debugging from Visual Studio Code instead from Chrome
I am trying to find a way to debug my local SPFx workbench from Visual Studio Code instead from Chrome, but I could not find any guides on how to attach the Chrome to Visual Studio Code and hit a ...
2
votes
1
answer
2k
views
how to use react-bootstrap in SPFx webpart
installing react-bootstrap straightforward;
"npm install react-bootstrap --save"
and
"npm install @types/react-bootstrap --save"
then add references
import FooButton from 'react-bootstrap/...
2
votes
0
answers
356
views
Issue with next metadata missing on Rest API Call
I have a Pages Library which has a Managed Metadata Column called Category. I am using REST API to query this list.
I need to get the top 13 items and implement "Next" paging.
When I am accessing ...
2
votes
0
answers
155
views
include feature.xml in spfx webpart
The DOcs at https://dev.office.com/sharepoint/docs/spfx/web-parts/basics/notes-on-solution-packaging say that I can include a feature.xml with my spfx webpart to have sharepoint resources provisioned ...