Stack Exchange Network

Stack Exchange network consists of 175 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [spfx-extensions]

SharePoint Framework Extensions let developers extend the user experience of SharePoint, providing ways to customize more facets of the SharePoint experience including notification areas, the toolbars of SharePoint, and the views of list data.

3
votes
1answer
109 views

SharePoint Framework Extension 'Invalid Package' error

I am currently working on a SPFx extension to add JavaScript on all modern pages. I am following Chris O'Brien's blog to create this. I was able to create and debug it but when I package it up and ...
2
votes
1answer
31 views

Trouble getting SPFx up and running on Ubuntu

I'm having trouble getting SPFx up and running on Ubuntu. I'm using the following commands sudo apt-get install nodejs -y sudo apt-get update -y sudo apt-get install build-essential -y sudo npm ...
2
votes
1answer
433 views

What is the correct way to create a custom action using REST API in SharePoint Online?

I'm trying to use Microsoft Flow and the Send an HTTP request to SharePoint action to deploy an SPFx application customizer to a modern team site. I'm able to use the /_api/Site/UserCustomActions ...
2
votes
1answer
383 views

Display SPFx Application Extension differently in Read/Edit mode of a Site Page

Question: Is there a utility built into SPFx or a React library to change what to render based on if the page is in read or edit mode? Or more exactly, a way to switch the rendering when switching ...
2
votes
1answer
235 views

SPFx Extension doesn't reload after site search

I have an application customizer extension loading content into the Top Place Holder. When performing a "More Results" site search the page slides over to a search detail screen. When I exit the ...
1
vote
1answer
18 views

Add a new button ribon with csom

I'm trying to add a new button in my sharepoint 2013 server via csom because in a few months I'll pass to project online and wsp aren't support anymore by project online So I found this guide on the ...
1
vote
1answer
290 views

Can I add more than one SPFX extension - Application Customizer in one solution?

I am trying to add more than one SPFX extension in my solution (Application customizer in this case - one for header another for footer) but after deployment I only see one extension in my site. Am I ...
1
vote
1answer
23 views

What is the timeline to fix the known bug with list and library extension support in the classic experience?

I have a working SharePoint Framework extension but I need it to work across 200 classic sites that use the modern library experience. However, according to the overview for extensions: There is ...
1
vote
1answer
200 views

Using Commandbar from Office UI Fabric React v6.47.2 for SP Starter Kit

I am currently refactoring some parts of the SP-Starter kit so as part of this, I am creating new solutions and manually adding code from the starter kit over to my solutions. Since I am creating ...
1
vote
1answer
197 views

How to find a list or log of all site collections with SPFX extension deployed?

We deployed a spfx extension (Add-PnPCustomAction Location "ClientSideExtension.ApplicationCustomizer" ) to multiple site collections manually, is there a way to use powershell to pull extensions and ...
1
vote
1answer
314 views

Application Customizer scope

Application Customizer extensions are supported with Site, Web, and List scopes. You can control the scope by deciding where or how the Application Customizer is registered in your SharePoint tenant. ...
1
vote
1answer
298 views

sharepoint framework extensions: sorry something went wrong

I am trying to learn SharePoint Framework Extensions and this is my first try. I created an application customer following the example in pluralsight. When I try to add the app, I get the error: Sorry,...
0
votes
1answer
83 views

How to inject custom CSS in Modern Site Pages using SPFx Extensions

I would like to inject Custom css in modern site pages. Here i need to change all the fonts on the modern site and i would like to achieve this via App Customizer with SPFx Extensions. Any tips Or ...
0
votes
1answer
52 views

How do I add custom dropdowns in Command Bar in sharepoint modern UI

I am trying to add some of the previous ribbon functionality in the command bar for modern sharepoint UI and stack all of them in separate dropdowns. Any feasible solution will be really helpful.
0
votes
1answer
138 views

A service principal with the name User Details Custom API for SPFx

I am consuming an Azure API app in a SharePoint Online react app. I am following this article. But when I try to approve the app permissions on the API management page (SharePoint admin centre). I ...
7
votes
0answers
185 views

Automatically deploy SPFx app on new site collections in SharePoint 2019

I have SPFx app that contains an Application Customizer. I would like to have this app either a) deployed tenant wide or b) automatically added to a site collection when it is created For a) there ...
5
votes
0answers
1k views

Detect navigation change in SPFX Application customizer

I have a SPFX customizer that displays a banner in the topPlaceholder. When the page loads, if it's a list, then it performs a calculation and then displays the banner. When I move from one library ...
5
votes
0answers
172 views

SPFX Getting Sharepoint Online Modern Page ListItem Icon Programatically

I'm trying to get Modern Page ListItem icon path for some implementation. I understand that for SharePoint OnPrem / Online Classic, it will be located under /_layouts/15/images/<<icon_filename&...
5
votes
0answers
381 views

SPFx Extensions - popup “loading debug scripts” does not appear in a list

I built the application as described in this tutorial The popup appears on the site, but does not appear in the list of this site. Did anyone have a problem of this type? This path works: /sites/...
4
votes
0answers
121 views

Application Customizers no longer working on dev sites

My Application Customizers have stopped working on "Development" site templates on my developer tenancy. I get the following warning in the browser developer tools. Invalid location: Extension....
3
votes
0answers
567 views

SPFx: Customize field behavior similar to JSLink in classic list forms

We use jslink on the field to customize the UI and behavior of fields on classic SharePoint forms and list views (cascading, colors etc.). How can we make this work in the Sharepoint modern experience ...
2
votes
0answers
74 views

Sharepoint Extension ListView CommandSet - not showing

I created a site page and then inside that I added a List webpart, and then choose the list I wanted. Then I put the link of that page in my extension on pageUrl in serve.json. But the extension is ...
2
votes
0answers
376 views

Using Custom JS in SPFX (SharePoint Online Modern Sites)

I have created a footer using custom js which fetches all the terms inside the termstore and displays it in the footer for the page and I have referenced the custom js and css files in the custom ...
2
votes
0answers
298 views

SPFX Extension Field Customizer onRenderCell calling base method

Currently i'm implementing field customizer to update document library list item icon. I updated Field XML Schema definition through CSOM. It's working well. But for certain condition, I need to show ...
1
vote
0answers
15 views

SPFx extensions will work in SharePoint mobile app?

Platform: SharePoint mobile app This question may sounds silly but need a definite answer. I have created multiple SPFx web parts and added them to pages. These are working fine, when I am trying to ...
1
vote
0answers
30 views

SPFX Webpart- “Error initializing application” after refreshing page

SPFX app is created and deployed tenant level. IF it is add to a page at site collection level (ex:https://text.sharepoint.com/sites/ABC) it is working perfectly. If it is added at subsite level (ex:...
1
vote
0answers
20 views

Exclude a few sites from tenant-wide spfx extension deployment

What's the best way to prevent/exclude a few modern sites from getting a tenant-wide extension deployment like a global footer?
1
vote
0answers
52 views

Error in webpart after upgrading to SharePoint Framework 1.8

I have just upgraded to spfx framework version 1.8. When I try to add the webpart to the page, I get this error Original error: Error loading https://component-id.invalid/f2f8e00f-ef2a-4909-b24a-...
1
vote
0answers
243 views

SharePoint Modern Filter option for list view webpart

I have some lists and libraries in SharePoint Online and all are already converted in modern experience (new experience). I want to add these as list view web part in SharePoint Modern page and ...
1
vote
0answers
152 views

SPFx Field Customizer deployment: main js not loaded from CDN in SharePoint Online

I try to deploy my first Field Customizer app to a SharePoint online tenant. Tried several things, without CDN and with bundled assets, now using a CDN (which I previously configured with the ...
1
vote
0answers
69 views

How can I dynamically add a menu from a SP list on a modern UI site using extensions

I would like to build a custom menu in Modern UI site. The menu data should be coming from a SharePoint list. I have tried using Application Customizer but no luck as yet on how to retrieve the ...
1
vote
0answers
93 views

Can I override the default communication / Team Site menu (SPFX)

I know I can use application customiser to add top and bottom placeholders to the new modern pages. But I'd prefer to use the same existing menu(OTB) but change the datasource to come from a ...
1
vote
0answers
205 views

SPFx section layouts

Currently I have an issue building an SPFx solution where I'd like to create a two-column proportional section that is full-width in a modern page. With the tools currently available to me, all I can ...
1
vote
0answers
500 views

SharePoint Online Custom modern page Footer using Application Customizer

We are creating a custom footer though SPFx Application Customizer for modern sharepoint pages. But our requirement on the Footer is to show the footer with a increased height. Once we deployed the ...
0
votes
0answers
20 views

Q: Set Folder's path according to it's title in a list with SPFx

I am creating a folder inside a List with the following code: TypeScript import {sp} from "@pnp/sp"; const shpList = sp.site.rootWeb.lists.getById(ListId); shpList.items.add( { Title: folderName, ...
0
votes
0answers
14 views

Trying to get a File from OneDrive as PDF causes CORS error on redirect

I'm trying to get the content of a file as a pdf from Onedrive, however when getting the File via MSGraphClient, it just returns an error in the browser. MSGraphClient call:client.api(`/me/drive/...
0
votes
0answers
7 views

SPFX - PNP Get Termset that is not available for tagging

I have a spfx extension where I need to get terms from a TermSet which is not available for tagging. I am trying to use the terms for custom Footer Navigation Links. Currently I am using PNP JS to ...
0
votes
0answers
24 views

Breadcrumb Navigation in SharePoint Online for multiple Modern communication site & Team site using spfx code

I am trying to create breadcrumb navigation for communication site in SharePoint online using SPFX, But i have multiple communication site, how can we make breadcrumb navigation for different ...
0
votes
0answers
95 views

Show Modal dialog in full page SPFx

I have created a web-part which search the images from library and shows the result. when I click on image it should show in the popup as preview however it shows withing the iframe only instead of ...
0
votes
0answers
15 views

Extend Document Information Panel (DIP) with Data from API

The document information panel in SharePoint Online modern view Document Library shows the properties configured in the Site Content Type as well as general sharing or modification information from ...
0
votes
0answers
7 views

Sharepoint Online Custom App Extension - Create word document based on content type

I'm trying to create a App Extension in Sharepoint Online that creates a new document based on content type. I know that I can create a file using Rest API, I'm just having a difficult time ...
0
votes
0answers
25 views

Scope SPFx Extension Application Customizer to Site Pages library SharePoint Online

I have wrote a SPFx Extention (SharePoint Online) to inject some css into site and is there any way to scope this out only for pages created from Site Pages library. Currently i have applied the ...
0
votes
0answers
24 views

Why is there an error for an SPFX ListViewExtender

Have anything changed within O365 for ListViewExtenders (SPFX) - I'm getting an error - on a brand new project This error is shown in the console : Uncaught Error: There is no operation handler ...
0
votes
0answers
60 views

How to enable SPFx Extension Listview Commandset only on a specific list

As the title says.. Is it possible to show the command only on a specific list and its views?? Because my extension has operations involving only a specific list..
0
votes
0answers
17 views

What parameters need to be listed for HTTP Request

I need assistance to determine what the 'Request Body JSON Schema' should be, to allow Flow to trigger via HTTP request to pass the List Item ID as a query string parameter. I am working on a list ...
0
votes
0answers
72 views

Can a ListView Command Set be active for a certain list only?

I want to create a command set that grabs emails, I don't want this to show up on all lists. Can a command set be in some configurable way be set on a specific list? It is either this or having it ...
0
votes
0answers
31 views

Sharepoint SPFx active toggle in list view

I'm new with SharePoint Framework and I want to achieve something like this: Github - React Field Toggle This solution is for SPFx v1.3 and in my environment (SharePoint Online) it's not working even ...
0
votes
0answers
161 views

SPFx extension commandbar ellipsis callout

How do I make the "show more" ellipsis display a call out with sub-menu items? It only shows the header of the menu item, but not its sub-menu items? http://jsbin.com/mapebawapa/ I want the "...
0
votes
0answers
282 views

Error while using @microsoft/sp-dialog in SPFX TS1005

When using Dialog class from sp-dialog, gulp serve throws the error. Created an SPFX project with react framework. installed sp-dialog with the following command. npm install --save in the .tsx ...
0
votes
0answers
96 views

How to add the possibility to activate/deactivate my application customiser-SPFX

From this article Use an SPFx Application Customizer to add JavaScript (e.g. header) to every page in a site I can see you can enable a feature does one disable the feature. Not tried it yet but will ...