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.
325
questions
1
vote
0
answers
31
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 ...
- 141
2
votes
1
answer
96
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,660
0
votes
0
answers
61
views
SPFx Solution has a warning stopping production builds has anyone seen it before?
I have been supporting an SPFx solution and I am required to make a small change however it will no longer build.
I have tried pulling the last version back down from our repository but it has the ...
- 35
1
vote
1
answer
1k
views
SPFX extension placeholder for search bar
I am trying to add some html elements like radio button below my search bar in communication site i.e. to a modern page using spfx extesion. So initially i tried to do it using javascript by just ...
- 2,660
2
votes
0
answers
346
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 ...
1
vote
1
answer
2k
views
Is there a way in SPFx to create custom action in "PersonalAction" group
XML element method is working for classic pages, for modern pages it is not working.
Using SPFx list view command set I can create ECB menu for list item level I am unable to find anything for ...
- 571
1
vote
0
answers
152
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, ...
- 11
0
votes
4
answers
6k
views
SPFX open new list item using modal dialog
The code below opens a new item in Iframe/modal dialog. But when the user saves or closes the modal form i would like it to be closed and not redirected to any other page.
Is there any way I can ...
- 617
1
vote
1
answer
769
views
Associate Field Customizer with existing field using feature framework
According to Field Customizer documentation it is possible to associate it with existing SharePoint field using feature framework. But I am not able to make it work. I am trying to customize the "Name"...
- 3,024
1
vote
1
answer
2k
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 ...
- 3,230
0
votes
1
answer
279
views
Can we use column formatter with command set customizer?
Can we use the listview command set extension to change the format of the view or column in SharePoint online? If yes, how?
And is there any other way to create a template like feature for this? ...
1
vote
1
answer
481
views
Changing the URL of "Name" column in document library
Is there any way to rewrite the URL of "Name" column in a document library's modern view?
"Field Customizer" is an option but then I will have to hide/delete "Name" column, which is not a good idea ...
- 3,024
0
votes
2
answers
2k
views
Display Rich Text in SharePoint Online
I am trying to display the rich text in a list item . I tried using the JSON formating, but it does not seem to have any support for "Enhanced rich text".
The txtcontent converts the rich text to ...
- 617
0
votes
1
answer
250
views
Programmatically Deploy SPFx ListViewCommandSet Tenant Wide
I have a SPFx list view command set which is deployed tenant wide. More details here
Is it possible to perform the steps mentioned in the article programmatically. Basically I want to upload the ...
- 3,024
0
votes
1
answer
216
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,
...
- 17
1
vote
2
answers
2k
views
Q: Create list item inside folder with SPFx
I am trying to create an item within a folder in a list.
Is there an approach with pnpjs that looks like the following?
TypeScript
import {sp} from "@pnp/sp";
const shpList = sp.site.rootWeb.lists....
- 17
0
votes
2
answers
425
views
Q: Create visible folder in list with SPFx
Having the following code in an application extension:
TypeScript
import {sp} from "@pnp/sp";
/*******************************************************************/
const shpList = sp.site.rootWeb....
- 17
1
vote
0
answers
139
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,546
0
votes
0
answers
2k
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 ...
- 574
5
votes
1
answer
4k
views
What is difference between SharePoint Framework (SPFx) Extensions and SharePoint Framework (SPFx) Web PART
I have started working on SharePoint Online.
Where I have to use SPFX.
What is the Difference between SharePoint Framework (SPFx) Web Part and SharePoint Framework (SPFx) Extensions
- 3,392
1
vote
1
answer
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 ...
- 153
1
vote
1
answer
2k
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:...
- 43
1
vote
1
answer
304
views
Use custom Feature Icon for SPFx
Is there a way to use a custom icon for SharePoint Framework features? When we navigate to the Site Settings, it would be nice to see our branded icon instead of the default one.
Part of thepackage-...
- 9,572
7
votes
0
answers
571
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 ...
- 2,087
0
votes
1
answer
224
views
SPFx Extension - modern experience for search results.aspx
I want to create a header in a modern site page. The header will have SharePoint search (similar to communication sites).
After clicking on search, we will be landed on results.aspx page. Now in this ...
- 153
1
vote
0
answers
122
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?
- 11
1
vote
0
answers
117
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-...
2
votes
2
answers
1k
views
Copying the “normal” (classic) link of an item in SharePoint Online (New Experience)
I want to copy the old school classic link from a document which looks like http://team./sites/sitename/libraryname/imagename.PNG .
However, Sharepoint online generates a link like "https://tenant....
- 85
0
votes
1
answer
290
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.
2
votes
0
answers
405
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 ...
0
votes
1
answer
676
views
Loading external JS sources prior to any other scripts in SharePoint Framework
Deploping on SharePoint Modern, I am using this React Content Query Web Part and added two of them on the page. One of them will need slick.js and another one is using masonry.js, both of which ...
- 101
1
vote
1
answer
51
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 ...
- 11
0
votes
1
answer
2k
views
Retrieve column value (page property) by site ID from Site Pages list
apologies for the likely silly question, but I've been unable to find an answer that makes sense, or at least one that marries up with my understanding of the SP terminology.
I'm trying to get access ...
- 103
1
vote
1
answer
1k
views
SPFX apply styles before page renders
I am working on modifying modern site pages, more specific the top banner image in the title area. We want to set a max-width and center the background image. The CSS part I have figured out.
The ...
- 159
1
vote
0
answers
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 ...
2
votes
1
answer
961
views
Getting Teams Context information in SharePoint Framework extensions
With SPFx 1.7 preview release, I know we can access Teams Context information in SharePoint Framework web part but not from SharePoint Framework extensions. I looked at ApplicationCustomizerContext ...
2
votes
2
answers
14k
views
Failed to execute 'json' on 'Response': body stream is locked
I am following this article and get the following error in the console.log
Uncaught (in promise) TypeError: Failed to execute 'json' on 'Response': body stream is locked
at e.json (sp-pages-...
- 617
0
votes
1
answer
1k
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 ...
- 617
5
votes
2
answers
10k
views
NodeJS not compatible
when I run gulp serve I get the following error.
Your dev environment is running NodeJS version v10.15.0 which does not meet the requirements for running this tool. This tool requires a version of ...
- 617
0
votes
1
answer
535
views
Spfx breadcrumb not working on modern team site
I am using the following breadcrum sample. I have deployed the latter to app catalog and it works fine in a developer site with modern pages/library but it doesn't work in a modern team site.
- 1,684
4
votes
1
answer
4k
views
Using Office Fabric UI icons in a SPFx extension
I want to add an icon to one of my buttons on my SPFx list extension. In the JSON, I can amend this for an url for an icon to my CDN, but how about if I just want to use office fabric UI, any ideas?
"...
- 317
0
votes
1
answer
387
views
How to get list of spfx extensions available for my SharePoint online tenant
Very happy new year to all. As i am working on modern experience. I was going through the Microsoft road map. there i found that they have rolling out some of new extensions. How can i check that is ...
- 407
5
votes
1
answer
242
views
Does Virus affected Node Modules transfer in Contents of SPFx deployment package
When we scaffold an SPFx webpart/Extension we get many Node Modules as part of dependencies. These can be seen in node_modules folder and there are also entries in package-lock.json file.
I know ...
- 5,983
0
votes
1
answer
1k
views
Extension working in layout pages but no longer working anywhere else
I've developped a custom Extension with SPFX. This custom extension performs a Search. I deployed it. Everything worked totally fine during 6 months.
And now, out of the blue, my extension is only ...
- 592
1
vote
1
answer
991
views
SPFX how to add a readonly field to a Content Type [closed]
I need to create a List with an asset package with spfx.
The list must contains 10 Columns that can not be edited by users but will be modified by buttons added with an spfx extension.
How can I do ...
- 11
2
votes
1
answer
126
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 ...
0
votes
1
answer
1k
views
How to implement google translate in SPFx extension in SharePoint Online?
We were using google translate API in our SharePoint Online classic view site. Now we are moving to modern site. I need to implement same in SPFx extension.
Below is code to that is working in ...
- 1,136
1
vote
1
answer
74
views
Terminate batch job in SPFx
In spfx, If we press 'ctrl+c' during any continue process then display a message 'Terminate batch job (Y/N)?'
you press Y for yes and N fro No, but both the case y and N terminate the batch job. so it ...
- 499
1
vote
3
answers
2k
views
SPFx Deployment - Failing Gulp package-solution -- ship
Update: I was aiming for extenal CDN and I uploaded the artifacts successfully after setting "includeClientSideAssets": false. Still even after adding my app in app Catalog with no error, adding the ...
- 35
2
votes
1
answer
250
views
SharePoint Framework Extension : Custom Action not activated on site even after successful deployment in AppCatlog
[Screen Shot for the App Catlog ]
Hello everyone,
I deployed a SharePoint Framework Extension in the App Catalog for my office 365 CDN.
Although in the App Catalog it shows successfully deployed, ...
- 35