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.

113 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
7
votes
0answers
455 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 ...
7
votes
1answer
3k 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
327 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
480 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
1answer
236 views

When navigating from one folder to another, the navigatedEvent doesn't fire in SPFx Extension

I have some logic based on which folder User is in. But it fails as when I navigates between the folder the navigatedEvent is not firing. Go to Root Folder add some console and then navigate to any ...
4
votes
0answers
132 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
1answer
992 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 ...
3
votes
0answers
966 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 ...
3
votes
0answers
461 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 ...
3
votes
1answer
187 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
111 views

Get page load time in modern SharePoint site

I need to run some JS script on each page in modern SharePoint online communication site so I created SPFx extension and added to the site. One of the things I need to do is to get page loading time (...
2
votes
1answer
139 views

I don't want to debug my SPFx ListView Command Extension in production

I have an SPFx solution with a ListView Command Extension. I ran the following to create the .sppkg file for deployment to production: gulp build gulp bundle --ship gulp package-solution --ship I ...
2
votes
1answer
368 views

SPFx Command Bar not working after deployment

I am working on SPFx Command Bar and everything is working as expected when I do 'gulp serve' and run it in localhost. But when I tried to deploy the same in AppCatalog and installed the same to my ...
2
votes
1answer
72 views

Spfx extension disappears from page

I have created a spfx extension for my communication site, it is working perfectly when page is reloaded. When I click on search bar on the page then it takes me to the search page and when I return ...
2
votes
0answers
249 views

SharePoint Modern Custom Footer SPFx Customizer - Multiple scrollbars

We have created a custom footer using SPFx application Customizer to provide information like social media icons, feedback button, site map (html) etc. This is now occupying more than 90% of content ...
2
votes
0answers
340 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
1answer
82 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
1k 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 ...
2
votes
0answers
646 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
1answer
933 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 ...
1
vote
1answer
84 views

SPFx - React component fail to load on site page

I was trying to import and using react component from: https://www.npmjs.com/package/react-calendar-timeline It is just rendering normal on workbench: When I try to bundle and deploy to site page it ...
1
vote
1answer
71 views

SPFX webpart shows at r is not a constructor error randomly

I frequently get the above error in my dashboard page which consist of few spfx webparts. This error appears randomly 1 in 10 times, The spfx webparts do not consume any pnp framework or jquery nor it ...
1
vote
1answer
128 views

Trigger Republish button using spfx extension while on edit mode

I am trying to manually trigger the republish event while editing the SharePoint page using spfx extension as below . but there is a error in savePage api . is there way to do it ? const publish = ...
1
vote
1answer
85 views

Is there any way to open the default Share item dialog from the SPFx webpart

Is there any way to Open the Default Share Item dialog from the SPFx web part's details list (Modern dialog)? My requirement is to open the default OOTB share item dialog (as displayed above) when ...
1
vote
0answers
584 views

SPFx Single Sign On Redirect Page

We have a simple SPFx Application Customizer which renders a global navigation to all sites. We are using pnp to fetch items from a config list. The component is running fine. Each time we open a new ...
1
vote
1answer
77 views

SPFX - Update list with a new field fails

I'm trying to deploy a new field (column) to a custom list that has been deployed using a SPFx Extension. The field gets added to the site, but it does not get added to the ContentType. I've been ...
1
vote
1answer
238 views

Minimize and open iframe using react js in SPFX

I have a iframe control imported from 'react-iframe'.We are showing a chatbot(PowerVirtualAgent) inside an iframe . I want to have a minimize button and open button functionalities over the iframe ...
1
vote
3answers
514 views

SharePoint online modern experience hide suiteBar, left navigation and top ribbon using SPFX showing it for few second then its hide

I am hiding suiteBar, left navigation and top ribbon using SPFX extension but for few second its showing up. I don't want to show it for few second also. I tried to hide it from master page alternate ...
1
vote
0answers
31 views

What's the pros/cons of updating vs not updating version number on SPFx webparts or customizations?

In SPFx development, what is the benefits or disadvantages of updating or not updating the version number when updating in the app catalogue? The best practice appears to be to update it to something ...
1
vote
0answers
36 views

How does updating SPFx webparts/extensions work between tenant wide/non-tenant wide deployment models?

I am trying to understand the difference between deploying spfx customizations between tenant wide and non tenant wide (and differences when updating/not updating the version number). Per my current ...
1
vote
0answers
51 views

Can the onListViewUpdated() method run async?

I need to implement a button that is only visible if the user has edit permissions for an item in a list. Therefore I have to make an async api call in the onListViewUpdated() method, but I does not ...
1
vote
1answer
306 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, ...
1
vote
0answers
220 views

Refresh the ListView from the SPFx Extension

I have implemented an extension that moves the file to a particular location. everything works fine but once the operation is completed I want to refresh the listView so the file which is moved should ...
1
vote
1answer
914 views

using SP.UI.Modaldialog.showDialog(options); in spfx listview extension is executing but no dialog is visible

Hi I'm trying to open sharepoint dialog using spfx extension in which using typing able to get the SP.UI.ModalDialog Object in ts file of the extension. And the code # SP.UI.ModalDialog....
1
vote
0answers
68 views

Show the Total Count of the column value generated using SPFx Field Customizer

I have developed a Field Customizer Extension. This renders the item count based on the logic for each cell in the Document Library. Now, I want to show the total of the count at the bottom of the ...
1
vote
1answer
70 views

In SharePoint Framework Extension (Application Customizer), are there any other placeholders that can be used aside from the header and footer?

We are trying to add a drop-down control in the command bar of a page or beside the share button on a SharePoint Online site. May we know if there is a specific placeholder we can use to achieve this?...
1
vote
1answer
129 views

SPFX for favicon published to SharePoint 2019 server not working

I have created a SPFx framework extension to change the favicon of my SharePoint 2019 on-premise. I followed below link, everything works fine while testing. but when deployed to app catalog it doesn'...
1
vote
0answers
68 views

How to add Multilevel ListView Command Set buttons using SPFX Extensiton?

In manifest.json file I have structure like: "items": { "COMMAND_1": { "title": { "default": "Command One" }, "iconImageUrl": "_layouts/15/images/itslidelibrary.png", "type": "command", }, "...
1
vote
0answers
643 views

Invalid selected rows in onExecute() of SPFX ListView Command set

Simple code just built from yo @microsoft/sharepoint wizard: Elements.xml: <?xml version="1.0" encoding="utf-8"?> <Elements xmlns="http://schemas.microsoft.com/sharepoint/"> <...
1
vote
1answer
223 views

How to install List view command set extension in a site collection after deploying it to app catalog using CSOM?

I have created a ListView command set extension using SPFx and upload it in the app catalog. Now I want to install this extension for only particular sites. I tried adding it as a custom action but ...
1
vote
1answer
344 views

How to Print a Document from the Modern Library in SharePoint Online?

I have a certain use case of being able to print a document directly from the modern library using a button. Almost a one click solution. I had a quick look around and found ways to print a modern ...
1
vote
0answers
26 views

Isolated extensions

Since 1.8 it is possible to make web parts isolated, https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/isolated-web-parts. I wonder if there is any way to make an extension isolated ...
1
vote
0answers
93 views

Custom Audience Targeting

I'm doing some research on how to create a custom solution for audience Targeting since there is no build-in support yet. Do anyone have some ideas on how to achieve that? I have already some ideas, ...
1
vote
1answer
1k views

Unable to Load CSS from the style library using SPFx Extension

I want to load the CSS file from Style Library of the site. I have created the SPFx extension of type Application Customizer. The purpose of the CSS loading is to change the UI of the web parts. I ...
1
vote
0answers
96 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
1answer
1k 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 ...
1
vote
0answers
80 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
108 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
1answer
34 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
0answers
1k 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 ...