Questions tagged [spfx]

General technical questions about the SharePoint Framework client-side development model.

Filter by
Sorted by
Tagged with
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://<...

1
2 3 4 5
26