Questions tagged [spfx]
General technical questions about the SharePoint Framework client-side development model.
1,517
questions
0
votes
0answers
3 views
how to fetch and submit group name field data based on current user login location in different SharePoint list in spfx solution
I created a simple form for employee data and SharePoint list (EmployeeDetails)
Name (auto-fetch)
Email (auto-fetch)
Location (auto-fetch)
Description
Group (added in backend SharePoint list for each ...
0
votes
1answer
13 views
Sample code to set target audience for Each items in the Spfx webpart
Is it possible to set the target audience for each items in the SPFX webpart. Please let me know if any sample code or article is there for that.
Thanks in Advance!
1
vote
0answers
9 views
I need to create a SPFx web part which looks like tab and click on each tab it will show out of the box web part like organization chart etc
I need to create SPFx web part that will be displayed in SharePoint modern page.
When I click on tabs it will show out of the box web part like organization structure, news, etc.
Any suggestions?
1
vote
1answer
10 views
Displaying a Qlik Sence Dashboard in SharePoint SPFx React Webpart
I want to create a SharePoint Online SPFx web part (using React) and want to embed QlickSence Dashboard in that web part.
I am working with iframe, is there a better way of embedding using react?
0
votes
0answers
6 views
How to get rid of Missing server side dependencies for Chart WebPart class [closed]
Missing server side dependencies - [MissingWebPart] WebPart class [Microsoft.Office.Server.WebControls.ChartWebPart].
Have enabled this web part for SP2016. I am able to use Add-SPSolution, Install-...
0
votes
0answers
21 views
Pdf document is not downloading using copy link url
I have used below query string (download=1) to download all documents but pdf is not downloading with the same query string.
https://sample.sharepoint.com/:b:/r/sites/Samplesite/SampleLibrary/sample....
1
vote
1answer
20 views
SharePoint workbench full width webpart
I'm currently building a SharePoint SPFx react webpart.
While developing the webpart I'm viewing/accessing the webpart using workbench using the following link: https://mysite.sharepoint.com/sites/...
0
votes
0answers
11 views
SPFx web part/extension to override current theme colors on the page
I have a requirement to have theme per page in a SharePoint site.
To achieve this, can I override the theme (mostly colors) variables for the page on which an SPFx web part is added?
So this SPFx web ...
0
votes
2answers
26 views
how to dynamically get icon of the files using file extension
Is there any way to dynamically get the icon of the files using its extensions in Sharepoint SPFX?
Thanks in Advance!
1
vote
1answer
23 views
How to design a feedback form using SharePoint online modern pages without using microsoft forms
I need to create a SharePoint modern page in which our clients can give us feedback (rate us and perhaps let us some suggestions).
We are not allowed to use microsoft forms. What other possibilities ...
0
votes
0answers
12 views
Running SPFx gulp bundle in Docker container takes extremely long to start - why?
I'm running SPFx builds in a Docker container which works well. The approach is described here: https://github.com/waldekmastykarz/docker-spfx I'm using WSL2 and Ubuntu.
But unfortunately running gulp ...
0
votes
0answers
10 views
SPO: Prevent synchronization of document properties on document upload
i developed a document management app for SharePoint Online. The app provides an UI where users can upload documents and edit some custom properties. The documents are stored in a document library ...
0
votes
1answer
16 views
How to get Library Name using sp.web.getFileByUrl
Is there any way to get the library name in the SP.web.getFileByUrl.
I have tried the below code but not getting library name
let result = await sp.web.getFileByUrl("https://sample.sharepoint.com/...
0
votes
0answers
9 views
slick slider slides are not reducing when we add it in SP Page small section
I am using react slick slider, if i add it in a SP Modern page full section(3 slides) it works perfectly.but if i placed it in the One-third right sections. The same 3 slides appeared with conjusted ...
1
vote
1answer
20 views
how to render or display data in react useeffect hook
I am able to get data in react JSON object, now I want to convert the JSON to string data and display into the page, Please find the below screenshot.
export const QvcPollsTab = () => {
...
0
votes
1answer
13 views
How to use Jenkins for SPFx deployment?
I am learning SPFx development, I have deployed node applications using Jenkins. Similarly I am planning to deploy SPFx using Jenkins.
I tried to search for it but I never found good article about ...
0
votes
1answer
15 views
spfx React - include javascript assets in sppkg
I create my package with this command
gulp clean
gulp build --ship
gulp package-solution --ship
in my sppkg there aren't javascript files in package, and when I deploy this in the app catalog, and ...
0
votes
0answers
7 views
With Docker on Windows, workbench for SPFx no longer works
I think it started with @microsoft/generator-sharepoint@1.12.1:
With Docker on Windows, we used to apply this workaround in SPWebBuildRig.js to load the resources correctly in the local workbench.
But ...
0
votes
1answer
15 views
Sharepoint Online custom app distribution failed for co-worker, not for me
I've been developing and deploying a custom web part on our SPO tenant for a while. Today, my co-worker tried to deploy a new version of the app.
He successfully uploaded to the app to https://tenant....
0
votes
2answers
42 views
Using custom fonts in spfx web parts
I have a custom web part that displays weather data and I'm using a custom icon font to go along with the data.
It works on the hosted workbench but when I package the solution and deploy it on my ...
0
votes
2answers
21 views
async function and await keyword not returning any value
I am trying to get the SourceID of the document in Async call using await keyword but I am not getting the value.
I am new to this concept, could anyone tell where I am doing mistake.
I have added my ...
0
votes
1answer
32 views
SharePoint Online modern list view search box - add default filter
Is it possible to tweak list view search box (Modern) and add additional filter using SPFx?
0
votes
0answers
18 views
Couldnt get users from sharepoint group via pnp js selective imports
I am using code from documentation, basically the following to get all users from SharePoint group through selective imports.
import { sp } from "@pnp/sp";
import "@pnp/sp/webs";
...
0
votes
0answers
9 views
How to create a wiki app using react and SPFx steps?
I have to create app wiki in SharePoint using react. It should be displayed in SPFx web part in below format. Provide me any code examples in React JS.
I would like to do a autocomplete search to find ...
0
votes
0answers
6 views
How to create page, add webpart to page on site creation, via site design/script called Application Customizer?
I need to provision a page with a specific layout, and webparts added when a new site is created.
Was hoping Site Designs-Scripts might help with that, but I can find no actions for doing so in the ...
0
votes
1answer
29 views
SharePoint SPFx webapp on staging site
I created a SharePoint SPFx react webpart that is now deployed on one of my SharePoint sites.
I want to continue to make updates to this webpart. I "cloned" my SharePoint site so that it can ...
0
votes
1answer
27 views
Getting an error when using pnp sp in IE11
I'm doing SPFx extension with react for SharePoint online and it is working ok in other browsers but not in the IE11. My imports look like this:
import 'react-app-polyfill/ie11';
import 'react-app-...
0
votes
1answer
20 views
Submit People Picker value into Sharepoint list column(Person and group) in SPFX (No Javascript) framework
Using SPClientPeoplePicker in the form
Is there any way to submit value from PeoplePicker into Sharepoint List Column(Person and group)
I am getting an error , using this piece of code for ...
0
votes
1answer
40 views
SharePoint workbench not reflecting changes
I'm building a SharePoint SPFx react web app. I've been using workbench for the last few weeks and it's been great. However, today when I did gulp serve I noticed that my changes are no longer being ...
0
votes
1answer
32 views
Retrieve item ID after adding to SharePoint list using PNPJs
I'm building a SharePoint SPFx react app. In a nutshell, the user fills out a form that I created. When the user hits submit, using PNPJs: https://pnp.github.io/pnpjs/sp/items/ I'm adding the item to ...
1
vote
1answer
32 views
SharePoint how to ensure user in spfx
I have a question regarding SharePoint development. I'm working on a SPFX webpart for SP2019, the webpart is going to retrieve data from external source and the data will contain AD users. In my ...
1
vote
1answer
22 views
After deploying SharePoint extension locally, It is not displaying context menu for Document Library folders and Documents
I have created an SharePoint Extension for Context menu on Folders and Documents. It is working fine as expectation in debug mode but after deploying it(tried locally only), I am not able to see ...
2
votes
1answer
65 views
SPFX get shared document URL by language
I want to get the document folder path url by selected language.
For etc.
English - Shared%20Documents
German - Freigegebene%20Dokumente
So, how do we get Shared documents path according to selected ...
0
votes
1answer
29 views
SPFX Terminal error - Javascript heap out of memory
When I hit the command gulp serve i am getting this error in terminal, and the gulp serve is getting terminated due to the issue.
Earlier this solution working fine since last 4 months. There is ...
0
votes
0answers
17 views
Subscribing to list changes using ListSubscriptionFactory: failed: WebSocket is closed before the connection is established
I followed the Subscribe to list notifications article. I was able to get notified when list items were added or updated. The code:
export default class BookingRequestsWebPart extends ...
0
votes
1answer
26 views
Extra hover CSS on Fabric control in SPFx webpart
For all of my fabric control, I am getting extra hover CSS in my SPFx web part.
How can I remove that extra hover?
button:hover, input[type=button]:hover, input[type=reset]:hover, input[type=submit]:...
0
votes
0answers
24 views
Editing permission levels for SharePoint SPFx app
I asked a similar question a few days ago and got a very good response on how to get started.
I have a SharePoint site using a SPFx react app that I created. The app is contains a sophisticated form ...
0
votes
1answer
17 views
SPFx WebPart vs hosting plain HTML/Javascript page
I would like to know what are the advantages of creating a SPFx web-part instead of just hosting a custom html page with react on SharePoint 2019 on-premises.
Thanks
1
vote
2answers
77 views
Current user context in SharePoint modern page
I am using modern SharePoint Pages. I would like to display the current user name with some text like "Hey (current user), welcome to our site".
What are the ways I can achieve this?
0
votes
0answers
20 views
Get all the lists in a site and total items in each list using PnP JS in SPFX
I am planning to get all the lists in a site and the total items count in each list using PnP JS and display on a page in SPFX.
Thanks
1
vote
2answers
33 views
SharePoint SPFx need help creating proper permissions group for app
I created a SharePoint SPFx react app. Long story short, the application has a complex form for the user to fill out.
Initially I had set all users as "visitors" because I do not want them ...
0
votes
0answers
24 views
Dynamic Filtering of Document Library using Buttons
I have a SharePoint Library with 100k+ records with the following fields:
Market (about 10 different choices);
Market Unit (about 10 Market Units per each Market);
In order for a user to find a ...
0
votes
0answers
14 views
USA Map with Data
I am checking https://www.react-simple-maps.io/examples/usa-with-state-labels/ , was wondering how to implement when a user clicks on a state, some data which is defined should show up. How to get ...
0
votes
0answers
17 views
SharePoint page Edit option is removed in Teams
SharePoint page Edit option is removed in Teams, as below screenshot, no edit bar. it is read only view
is there specific reason to hide them in Teams ?
How do we shows the edit bar ?
If it is not ...
0
votes
1answer
45 views
SP Online - How to declare webpart as hidden in SPFx?
In SPFx, I make webparts that read content from a source like custom lists and then draws it out with a title and content. However sometimes there is no content, and if thats the case, I would like to ...
0
votes
2answers
123 views
Error: “Cannot read property apply of undefined” while running gulp commands for SPFx webpart
I am trying to do a sample webpart.
While running any of the below commands, it is showing the same error as shown in the image:
gulp trust-dev-cert
gulp serve
gulp build
Can anyone help me on this ...
0
votes
1answer
39 views
SPFx Application Customizer and SPFx WebPart Connection
I know we can create connected SPFx webparts but is it possible to create the connection between SPFx application customizer and SPFx webpart?
The scenario is that we need to create application ...
1
vote
1answer
16 views
Can we create a Modern webpart to use as a List or Library form for all the lists/Libraries in SharePoint?(SPFX or Powerapp)
Can we create solution to use a web part as list form for all Lists and Libraries?
We should have select the List/Library name accordingly the fields should be loaded to submit.
1
vote
1answer
63 views
What is the difference between Fluent UI People Picker and Pnp Spfx React PeoplePicker
I am using PnP SPFx React PeoplePicker in one of my SPFx web part, it works fine. But later I found out that MS Fluent UI also have a PeoplePicker. Going through the docs it seems a little bit ...
0
votes
1answer
26 views
Is it possible to apply custom CSS to the SharePoint Online Site Content page?
Is it possible to apply a snippet of CSS to the SharePoint Site Contents page of a SharePoint site?
I would like to tweak it slightly with some styling.
