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
Filter by
Sorted by
Tagged with
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 ...
Pepozzo's user avatar
  • 1,073
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 ...
Vincent Gagnon's user avatar
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....
Ofer Gal's user avatar
  • 292
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 ...
Saad Zulfiqar's user avatar
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 ...
joec608's user avatar
  • 41
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 ...
vivek sisodiya's user avatar
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....
James11's user avatar
  • 473
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 ...
ThinkB4Code's user avatar
  • 2,970
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 ...
RussGove's user avatar
  • 1,254
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. ...
get2pallav's user avatar
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/...
Francis Filion's user avatar
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 ...
gavbagg's user avatar
  • 41
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 ...
MP_89's user avatar
  • 149
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 ...
Hristofor Hristoforov's user avatar
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....
Lachezar Stefanov's user avatar
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 ...
Jan Novák's user avatar
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 ...
ateet's user avatar
  • 861
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 ...
Raghavendra C's user avatar
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 ...
vinit kumar's user avatar
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 ...
Rohit Waghela's user avatar
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 ...
Corily's user avatar
  • 31
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?
Dilip Kumar Yadav's user avatar
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. ...
Hugo Bernier's user avatar
  • 1,236
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 ...
ceren's user avatar
  • 23
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?
Nabeel Karvinkar's user avatar
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 ...
Sanne Maarten Veenstra's user avatar
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 ...
kumar's user avatar
  • 139
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; } ...
jose luis gonzalez clua's user avatar
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 ...
Siddharth Vaghasia's user avatar
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-...
Raghavendra C's user avatar
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 ...
user3629354's user avatar
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: <...
Mario Brnada's user avatar
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 ...
Keshav Taurah's user avatar
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-...
Dante R.'s user avatar
  • 569
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 ...
Zain Khan's user avatar
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 ...
raju's user avatar
  • 153
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 ...
Amitabh Khan Bachhan's user avatar
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 ...
Student's user avatar
  • 331
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":[ { "...
Harsh Damania's user avatar
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-...
user24778's user avatar
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.
Sara Shahinzadeh's user avatar
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 ...
Steve B's user avatar
  • 7,488
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: <...
Margarae's user avatar
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 ...
Submits's user avatar
  • 3,264
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 ...
Matthew Hong's user avatar
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 ...
Robin Güldenpfennig's user avatar
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 ...
Velin's user avatar
  • 251
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/...
TyForHelpDude's user avatar
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 ...
Kunatz's user avatar
  • 21
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 ...
RussGove's user avatar
  • 1,254

1
2 3 4 5
9