Questions tagged [spfx]
General technical questions about the SharePoint Framework client-side development model.
1,267
questions
1
vote
0answers
8 views
Configurations in SPFx Extension for CommandSet, Application Customizer and FieldSet
I have created a solution for Sharepoint Online which needs some confiugration like clients website URL. we are using all the three types of extenstion
Command set
Field Set
Application Customizer
I ...
0
votes
0answers
14 views
How do I fetch column(s) display name from a Sharepoint list using PnP query in SPFX?
I'm trying to fetch the values from a sharepoint list view and display it in a table dynamically. In doing so, I require both the column internal names to fetch the items from the list and column ...
0
votes
0answers
11 views
How to use PnP caching when fetching folders or files Sharepoint picture library?
Caching is working for other calls like for getting items from lists. But I am facing problem when I am trying to use caching when fetching folders and files from sharepoint picture library. PnP call ...
1
vote
2answers
28 views
SPFx - Update a calculated column formula
I am trying to use this.context.spHttpClient.post() to update a calculated column formula in my SPFx WebPart.
I get a status code of 400 with the error message: "The parameter __metadata does not ...
0
votes
2answers
28 views
SPFx: Rendering Mock List Data
I'm trying to follow the Microsoft docs here, but it seems outdated. They are using these two lines to render to the page:
const listContainer: Element = this.domElement.querySelector('#...
0
votes
1answer
43 views
Filter on Multiple values for same column using Rest api
Is it possible to filter using SharePoint REST api in sharepoint to Filter on Multiple values for same column?
0
votes
1answer
24 views
object Object error in SPfx
Trying below code to read Site column but getting value as [object Object] OnClick Function:
onClick={()=>{this.Funnel(items.SiteColumn)}}
Complete function code:
public render(): ...
0
votes
1answer
19 views
SPFX react solution intrinsic error
child component
export default class Example extends React.Component<ICState,{sData,cData}> {
constructor(props,state:ICState) {
super(props);
sp.setup({
context: ...
0
votes
0answers
16 views
Upload function fails in custom web part on Modern Site
Category
Test, Build and deployment succeed but Upload function fails on Production server
Describe the bug
I have re-installed all required SPFx packages on my Windows system before recreating the ...
0
votes
2answers
16 views
How can we call oneDrive data into SPFx webpart, which is hosted in SharePoint site?
We need to get the information of all the OneDrive folders and its files in SPFx webpart and this webpart is hosted in another SharePoint site. Thanks in advance
0
votes
2answers
16 views
Is Office365 tenant required for SharePoint 2019 SPFx development
As per MS , we have to setup a Office 365 tenant before we can develop a SPFx webparts.
Is it mandatory to have the Office 365 tenant or can proceed without having to create a Microsoft 365 tenant.
1
vote
0answers
14 views
Is there Modern UI equivalent for Asset Picker?
I have a SharePoint Framework application and I'm trying to get a Site page link or document link and paste it into my text editor, which is embedded into my spfx app.
Is there any way to return ...
0
votes
0answers
23 views
Changing images from carousel onClick() [closed]
I am creating a photo gallery webpart using react and SpFx. I want change the images in the carousel(owl-carousel) when user clicks on certain folder. So, it works fine when the new folder has same ...
0
votes
0answers
17 views
How to deploy from powershell script using github actions?
I am trying to deploy to siteCollection appcatalog on each push to my github repository using github actions. Saw that it's possible using Office 365 CLI action, but that only allows tenant admins to ...
0
votes
0answers
24 views
IE11 cross site collection call issue in iframe
Whenever I try to click button which is inside Iframe using jQuery in my SPFx webpart in IE11 it gives below error. Link in the iframe is of different site collection:
SEC7111: HTTPS security is ...
0
votes
1answer
47 views
Regarding Microsoft spfx documentation
I try to create a spfx webpart by following Microsoft document:
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/guidance/simplify-adding-web-parts-with-preconfigured-entries
Original ...
1
vote
1answer
23 views
What is the use of WebPartContext in SPFx?
I am writing an SPFx, I have used React, PnP JS. I created a service class, which will be responsible to communicate with SharePoint. Below is the snippet of the code:
export class service implements ...
0
votes
1answer
54 views
Calling render before all js files are loaded so the owl carousel is not working
I am loading all JS files using SPComponentLoader in ts file and I am using await for each load call.
Even then when I debug my code I observed it goes to render() in .tsx in between, executes that ...
0
votes
0answers
34 views
Sharepoint webpart height problem
We are developing intranet using SharePoint Framework webparts. I am facing an issue with height of custom webpart (react). One time the webpart has set min-height style, which works perfectly, but on ...
0
votes
0answers
27 views
Loading a webpart inside of another webpart dynamically
I have a specific requirement to implement dynamic web-part loading.
What I am trying to achieve is to have a web-part basically load inside of another. Not sure if this is possible or where to start.
...
0
votes
1answer
35 views
Updating managed metadata field in sharepoint online document library using SPFx
I need to update the some columns(EmpId,DocumentDate,PRType,Commnunity) in my document library.Out of which PRType & Community is managed metadata column.
All works file and updated when I update ...
0
votes
0answers
22 views
SPFx: Recommended Method for Retrieving Audiences Assigned to a User
I apologize in advance if this is common knowledge as I have not had any luck in finding an answer through various searches that I've done thus far. My dev environment does not have any audiences set ...
0
votes
0answers
18 views
Icon of a custom Edit button is always too small
I have implemented a custom button "Edit contract" in the listviewcommand extension.
I am passing the base 64 encoded image to iconImageUrl in the manifest.json. But my button icon is always ...
3
votes
2answers
130 views
Is it normal that SPFx Webpart folders are huge
I've started experimenting with SPFx and going through the tutorials. One thing I realized is that the web part folders are enormous in size. Is this normal?
The basic HelloWorld folder created by ...
0
votes
0answers
16 views
SPFx Loading Multiple Extensions in One Package
I have been unable to build a SPFx package with multiple application customizer extensions to load. No matter what I do, I can only get the first extension I created to load from the app catalog. I ...
1
vote
0answers
18 views
When i am trying to get data formatted data from list(rich text) and bind it to pnp Rich text box cntrol nothing is visible [closed]
When i am trying to get data formatted data from list(rich text) and bind it to pnp Rich text box cntrol nothing is visible in control, though the data is there in state.
I have tried to use below ...
0
votes
0answers
21 views
Calling Enterprise api from SPFx
I’m facing this issue where I try to call an enterprise api from SPFx code. These api’s are made in Oracle REST Data Services and use the Azure AD authentication via an Azure App registration which ...
0
votes
2answers
21 views
External sharing is disabled for https://yourtenant-admin.sharepoint.com/_layouts/15/workbench.aspx
I am trying to create a new web-part using the SharePoint Framework.
After doing gulp serve, If I go to the page https://your-sharepoint-tenant.sharepoint.com/_layouts/workbench.aspx, I am seeing an ...
1
vote
1answer
23 views
SPFx Yeoman generates wrong package versions
In the past I have generated SPFx projects successfully using @microsoft/generator-sharepoint yeoman generator, but now it is not giving me the same versions for the SPFx packages. I discovered it was ...
0
votes
1answer
30 views
SPFx header application customizer loaded multiple times when switching between sites
So we have developed a breadcrumbs extension that is supposed to work across all the sites within the tenant. The issue is that when switching between sites the headerPlaceholder is rendered multiple ...
1
vote
3answers
56 views
Is it possible to change the owner of a group using Rest API?
I am creating Sp groups and the Owner gets set to whoever runs the script. I am trying to set the owner to another group or user and it is not working. The SP.Group documentation says it should work ...
0
votes
2answers
38 views
Sharepoint online arrange Grids in 4 columns
Simple task,i am using the quicklink webpart to create a dashboard on my homepage,i need to arrange the grids in 4 columns in a 3 column page layout. The maximum column i get when editing the webpart ...
0
votes
1answer
30 views
Error with “Creating new spfx listed view Command set extension” the command does not appear on Edge when debugging
I created a new SPFx listed View command set extension and change the URL in the serve.json file then debug it and got the following error (in the screenshot):
the problem here that the same link ...
1
vote
1answer
27 views
MS Graph returning undefined response
I am trying to get an image of a user with the help of MS Graph.
However, a response is always undefined and there is no error given but If I run a query on MS Graph Explorer I get the full image of ...
0
votes
1answer
41 views
PnP REST API call to get Image URL (FileRef) Property
Started working on SPFx and would like to develop an Image Rotator. As a first step, I wanted to get all the images and respective properties using PnP JS and used the following call and got the ...
0
votes
1answer
28 views
How to customize SharePoint main content using SPFX [closed]
I'm using spfx extensions to customize header and footer, but not customize body content or main content of page in sharepoint online.
0
votes
1answer
32 views
How to check folder permissions using pnp/sp library in spfx web part?
I am developing one SPFx web part wherein I am showing all the folders which the logged-in user has access to. And I have a couple of folders in one document library(IT Docs) and some of the folders ...
0
votes
1answer
58 views
How to use the webpart's property pane to edit data in read mode using openDetails()?
Let's say I have a modern O365 SPFX WebPart that displays some data in a DetailsList in a SharePoint Online environment. Now, I want to use the same property pane that is used to edit the webpart's ...
1
vote
1answer
36 views
SPFX: How to debug an application customizer extension
I am new to spfx and have to write an application customizer that changes the key of a query in the url. I have already implemtend this functionality and now want to test/debug. When I run gulp serve, ...
0
votes
1answer
37 views
How do I fetch items from a specific view(s) of a Sharepoint list in SPFX?
I'm trying to fetch items from a specific view of a Sharepoint list in SPFX using @pnp/sp library but I'm unable to do so. I'm able to fetch the view properties and fields of the list. I didn't find ...
0
votes
1answer
46 views
SharePoint Online use custom font on a site collection with modern experience
I want to use a custom font on my SharePoint Online Site Collection. There is a solution by Hugo Barnier on GitHub but it doesn't work anymore. This solution injects a css file that is stored in the ...
0
votes
0answers
50 views
Hide Apply retention label using css in modern view
I want to hide Apply retention label from propertpane using css in modern view for specific library. I am trying below code but it is not working:
if(Libraryurl=="Documents") {
let divs: any = ...
0
votes
1answer
20 views
SPFx WebPart - SP.Runtime.js evaluation takes a long time
I have an existing JSOM web-part which reference the SPO runtime:
,
"sp-runtime": {
"path": "https://abc/_layouts/15/SP.Runtime.js",
"globalName": "SP",
"globalDependencies": [
...
0
votes
1answer
44 views
SPFx React Webpart - Using PnPJs to add files to list field
I'm building an application using SPFx Webpart with React. On one of my components I have a form that the user can fill out. I'm using PnPjs to push the user's responses into my list field. Everything ...
0
votes
1answer
32 views
Url redirection in sharepoint online modern site
Is it possible to do a page level url redirection like window.location.replace in sharepoint online modern site. I want to set this up for a specific library default url.
Thanks in advance
Regards
0
votes
0answers
18 views
Multi People picker control in SPFx using “No JavaScript framework”
I have created SPFx webpart with "No JavaScript framework". The webpart included HTML content like drop-down input type. Now, I need to add multi select people-picker on custom HTML form. How can I ...
1
vote
1answer
23 views
Add SPFX extension when document is opened in SPO mode
I am looking to add button (highlighted with yellow in the screenshot) in the header when the document is opened in SPO mode.
Is it possible through SPFX or any other way in SPO ?
0
votes
0answers
58 views
Is it possible to use SPFX to customize the filters of a SharePoint List?
I was wondering if anyone knew of a webpart available or if it was possible to customize the filtering in the columns on a SharePoint list? Based on the image below, I would like to only show the ...
0
votes
1answer
28 views
How do I update a SPFx App in Dev without updating Staging or Prod?
Ok, I did a change in one of my SPFx web parts, incremented the version in package-solution.json file and deployed the app in the app catalog.
In the Dev site I went into the Details for the app, and ...
1
vote
1answer
65 views
SharePoint Online - How to create link for calendar list item .ics file?
I am developing link for calendar list item .ics file.
Link for 'Add to my calendar' on SharePoint Online inside SPFX webpart
I have tried below URL but it's not working:
<a href="http://<...
