Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,256
questions
0
votes
1
answer
238
views
Slack in Sharepoint Online
I want to integrate opening Slack in Sharepoint Online.
How can I add a webpart that will open Slack in the iframe and add a link to the group / channel in the path, which will be taken from the ...
- 37
0
votes
0
answers
988
views
Web part is not available in hosted workbench despite gulp serve running OK
I spent already whole day googling and trying to implement googled solutions but nothing worked so far...
(and yes - I tried many solutions recommended from threads I found here on stackexchange)
...
1
vote
1
answer
137
views
Looking for a sample SPFX webpart (No JS Framework) with paging and styling with traditional CSS
I just need some ideas here...
I want to build a webpart with No JS Framework selected(meaning I want to use vanilla JS)
But I would like to use the get property configuration pane to
So a user can ...
- 4,232
1
vote
2
answers
55
views
CSOM API how to find claims accounts unassociated with a site
I'm trying to find claims accounts that are not associated with a site. These would be "{SiteName} Owners" and "{Site Name} Members" users that are automatically created in ...
- 23
0
votes
3
answers
380
views
SharePoint: how to put the box in the header area or navigation?
Anyone know how can I put the box in image in the navigation area without using SPFx just CSS only.
- 21
0
votes
1
answer
438
views
SPFx Reading a Variable in from a SharePoint list
Creating a custom SPfx Webpart. I'd like to read in some data from a Sharepoint list - I can do that. Issue I am running into is that some of that data includes variables. When it gets loaded it's ...
- 115
1
vote
2
answers
660
views
How can I add a image/shape in navigation bar?
I need to put shape or image that can when it scroll up or down it will never move in its position and it float it until navigation to footer.
Like this one a heart that fixed in every part of the ...
- 21
2
votes
1
answer
464
views
How to put image and link under PropertyPane Description field for the web part in SPFx?
I was trying with using React.CreateElement in the description field and changing the type for the description field from string to IPropertyPaneField in the interface, but this declaration exists in ...
- 33
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?
0
votes
2
answers
467
views
SPFX WebPart - Passing variable to Property Pane
I'm in the process of creating a WebPart that has similar functionality as the QuickLinks WebPart.
like QuickLinks, I have got the properties pane to display fields depending on whether the webpart ...
- 13
1
vote
0
answers
45
views
I'm adding a React people picker to an spfx webpart app and having trouble setting it dynamically
I've build an app in a webpart with a React people picker contained in its own div. It's the only React component. I need to dynamically clear and add users to the people picker from the webpart scope....
- 136
0
votes
2
answers
135
views
Adaptive Cards Cannot add description property
I am trying to build Image Adaptive Card for the first time, I thought "Description" Property can be added how it can added in the normal web part SPFx. I was wondering how to add "...
- 101
0
votes
1
answer
1k
views
Uncaught TypeError: Cannot read properties of undefined (reading 'context') in spfx
When I am checking my published document that time I am facing this problem, before this it was running fine.
- 21
0
votes
1
answer
326
views
trying to bundle https://github.com/FaganSC/spfxModernCalendar will raise this error "Error: Cannot find module 'webpack/lib/ParserHelpers'"
I want to run the following command gulp bundle --ship on this SPFX @ https://github.com/FaganSC/spfxModernCalendar. But i got those error Error: Cannot find module 'webpack/lib/ParserHelpers':-
D:\...
0
votes
0
answers
214
views
I am using the js-modern-calendar but is there a way to add eventsdirectly from the calendar view
I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar .. but can we add the ability to go to specific day and add events?
Thanks
0
votes
1
answer
52
views
I am using the js-modern-calendar but I want to change the background color for Today block inside the calendar
I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar but I want to change the background color for Today block to different color:
How I ...
0
votes
1
answer
131
views
Modifying button colors via SPFx is not being reflected
I am working on this SPFx web part @ https://github.com/pnp/sp-dev-fx-webparts/tree/main/samples/js-modern-calendar.
Now when I click on a event inside the calendar, I will get this dialog box with a ...
0
votes
0
answers
409
views
How to download selected multiple files as zip in SPFx development?
i am creating custom document library web-part, with the multiple file download functionality similar to the out-of-the box feature. how can we do that?
- 175
0
votes
1
answer
44
views
Build WebPart Properties based on Graph API/Promise response
I'm trying to restrict a custom WebParts properties pane based on whether a user is a member of a MS group
I have built the Graph API call etc... and it simply returns true or false.
Now I want to ...
- 13
1
vote
0
answers
160
views
How to show an Image in an email from the SharePoint document Library in SPFx webpart
I have an email function where on click on a "SignUP" button user is notified on a outlook about his successful enrollment on that course. So I am able to send an email, but I want to ...
0
votes
1
answer
588
views
Search functionality Organizational Chart
Is there any Organizational Chart web part sample for SharePoint Online that has the search functionality which allows any user to search by employee name?
I found that Pulmsail already has this ...
- 331
1
vote
1
answer
274
views
How to change SharePoint Site language programmatically using spfx extension
it there way to change language dropdown of SharePoint site such as English to German using spfx solution ?
I am looking function like
pagecontext.setLanguage(1031);
- 83
0
votes
1
answer
997
views
SPLoaderError.loadComponentError Sharepoint
I am trying to learn SPFx. I use SharePoint 2019. When I run "gulp serve", I found :
Something went wrong
If the problem persists, contact the site administrator and give them the ...
1
vote
0
answers
47
views
Show a different image dependent on the value in my ProjectItem in SharePoint Online SPFx
I want to render a different image depending on my value of the project traffic light status. This could be red, yellow or green. If the status is green, I show green and so on.
I don't know where I ...
- 21
0
votes
1
answer
774
views
"gulp serve --nobrowser" is raising this error "Task never defined: serve"
I am trying to run this command for my SPFx gulp serve --nobrowser,, but i am getting this error:-
C:\Windows\System32>d:
D:\>cd D:\Systems
D:\Systems>gulp serve --nobrowser
[13:23:37] ...
0
votes
1
answer
612
views
Debug our SPFx web part inside VS Code inside a site collection workbench will not show the related web part
We are developing an SPFx web part, and using VS code & Chrome debugger extension >> I debug the code:-
and we specify to debug inside a hosted Workbench:-
{
"version": "...
0
votes
0
answers
997
views
Cannot find module 'react' or its corresponding type declarations.ts(2307)
Inside our SPFx web part we are getting this error:
So inside the SPFx directory, I ran these 2 commands:
npm install react
npm install --save-dev @types/react
But we are still getting the same ...
0
votes
1
answer
2k
views
My SPFx compatibility between SPFx & Node.js
Inside my node.js I have the following version:
D:\SPFx Systems>nvm list
* 14.18.1 (Currently using 64-bit executable)
12.22.7
10.24.1
8.17.0
And inside my SPFx I have this inside ...
1
vote
1
answer
670
views
How to retrieve a specific item with SPFx and Query in the React Framework SharePoint Online
I would like to get a specific item by ID. I'm really stuck how I can retrieve this item.
I called the list and tried to save it in an object and then should in the render() function.
Here is my code ...
- 21
1
vote
1
answer
568
views
SPFx Web Part Property Pane refreshes web part on every keystroke
I'm using the example "Hello World" code as a basis for my web part.
I added two fields to the property pane.
I see the fields in the property pane when I edit the web part, but it refreshes ...
- 999
1
vote
1
answer
123
views
SPFx Webpart as Source for List properties Webpart
I wanted to know if it is possible to connect a custom SPFx Webpart to the List properties Webpart.
Since it is possible to connect two custom Webparts via DynamicData (as documented here) it seemed ...
- 11
1
vote
0
answers
398
views
SPFx extension customizer JS files is not loading on production tenant of my SharePoint Online site
I have two different tenant, one is for development things and another for production.
I have developed one SPFx extension and deployed on development and production site. It was working perfectly ...
- 11
0
votes
1
answer
52
views
Trying to set up SP Framework - Can't get past Command Prompts
I'm trying to take the plunge into getting SP Framework set up so that I can add the modern script editor (frustrating that it isn't an easy process to set up). I've followed numerous tutorials, but ...
- 373
2
votes
2
answers
2k
views
Facing Error Implementing CRUD operations using spfi pnpjs package
I was trying to implement CRUD Operations using spfi. So, I was following this PnpJS Blog to find solution to my problem: https://pnp.github.io/pnpjs/sp/items/
So, they have imported spfi and assigned ...
0
votes
0
answers
2k
views
Undefined (reading 'web') error when using pnp/sp
I am trying to write a web part that gives the user a list of document libraries for the current site they are in, allows them to choose from this list, and then click a button which then gets all of ...
- 37
1
vote
1
answer
257
views
Error while following Microsoft documentation on web part caching with PnPJS
Microsoft official documentation-
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/use-sp-pnp-js-with-spfx-web-parts
In the PnPjsExample.tsx part, this part of code has:
const ...
0
votes
1
answer
119
views
Jquery .load() not working properly
I am building a react spfx solution that looks like a website. It has a nav bar. The navbar is actually links to the site pages in the same site. What I need is load the contents from "...
- 101
1
vote
2
answers
874
views
Attempting to delete multiple items from SP list using pnpjs V3 but getting error on ```createBatch()```
I'm following this documentation: https://pnp.github.io/pnpjs/sp/items/#add-multiple-items But I'm getting an error with sp.web.createBatch():
import { SPFI, spfi, SPFx } from "@pnp/sp";
...
- 555
0
votes
1
answer
994
views
Graph API call from SPFX tab with MS Graph Client
Can we call Graph API directly through MS Graph Client for SPFX tab in team Desktop??
Here is the sample of git which call Graph API directly in teams tab without any authentication flow or access ...
0
votes
2
answers
2k
views
Unable to run my webpart using gulp serve
I'm trying to work on a project of a SPFx web part. The project was built normally but when I try to test my web part on my tenant the following error occurs:
"Your web part will not appear in ...
0
votes
1
answer
1k
views
Error - gulp serve not loading the webpart page
I am trying to set up my dev environment for SharePoint online based on Microsoft guide line.
The video is SharePoint client-side web part (Hello World part 1), and I am having an issue when I am ...
- 581
0
votes
1
answer
343
views
SharePoint Online - Social Media Integration
I have a requirement to allow employees to share "News Posts pages" to their social media accounts (Facebook, LinkedIn, and Instagram) from our intranet SharePoint Online Site. In addition, ...
- 331
0
votes
1
answer
627
views
Update input based on a radio button selection in the properties pane
I'm trying to update a input field value in the properties pane, based on a radio button selection, but its not changing.
I'm sure it'll be something simple-ish!
I've looked about but can't find a ...
- 13
2
votes
2
answers
138
views
Does anyone know how a custom SharePoint list to be showed as a persona card?
I'm a new in SharePoint solution ,my problem is that i have a custom SharePoint list which have people inside and i want that people with the credentials to be showed as a persona card like MS graph ...
0
votes
1
answer
702
views
Does anyone know how to display data from a sharepoint list as an image?
Does anyone know how to display data from a SharePoint list as an image ? I want for an example each row from the SharePoint list to display as an image to the hub site . For examples i have 5 custom ...
0
votes
1
answer
4k
views
document.referrer sometimes returns blank value
Page A contains a DetailsList, which has links to different pages.
Page B contains a file viewer web part.
Clicking on any of the links on "Page A" DetailsList row items, directs the user to ...
0
votes
1
answer
1k
views
Does anyone know how to use live persona card and load data from a SharePoint list?
Does anyone know how to use live persona card and load data from a SharePoint list
0
votes
1
answer
283
views
how to dynamically populate image in propertyPane dropdownOptions?
check this image i want to get the same in DropdownOptions like this
https://i.stack.imgur.com/ihfJn.png
i'm getting key and title on the property pane perfectly i just need to display images from ...
0
votes
1
answer
116
views
SPFX library code is also bundled with webpart code
I have deployed a library and webpart in sharepoint and later I updated the library and deployed it again then I have noticed the code in the previous version library is getting executed.
I have also ...
0
votes
1
answer
438
views
How to achieve web-parts-full-width for List Views (OTB) - Modern UI
I would like to make the OTB list view have a full width. I want to get rid of the scroll etc.
I have gone through this article
I created a web part as suggested and changed the manifest to "...
- 4,232