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
2
votes
1
answer
399
views
Add Handling page creation events in your SPFx application customizer
I have the following inside my application customizer SPFX extension, the code is responsible to load custom CSS inside the home page https://***.sharepoint.com/sites/customeroperations/sitepages/...
1
vote
1
answer
2k
views
SPFX Application customizer extension only run if i run it locally and will stop working when I deploy to the app catalog
I want to inject some CSS to my SharePoint page, so I follow those steps to create SPFX Application customizer extension:-
md app-extension
cd app-extension
yo @microsoft/sharepoint
What is your ...
0
votes
0
answers
338
views
Why the SPFX Application customizer extension only run on modern pages, without running on modern list views
I have created a new SPFX, with these settings:-
Which type of client-side component to create? Extension
Which type of client-side extension to create? Application Customizer
and i added the SPFX ...
0
votes
1
answer
204
views
Modify my SharePoint Framework Extension to only run on the home page of the site + add a custom JS file
I am working on a SharePoint online modern team site, and I am following these steps to inject custom CSS inside my pages @ https://tahoeninjas.blog/2018/05/08/inject-custom-css-on-sharepoint-modern-...
2
votes
1
answer
407
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 ...
- 25
0
votes
1
answer
304
views
Update item and move document using spfx extension
hi i am trying below code to update status of selected rows and after that move all selected documents to another library but document get moved without updating status please find below snippet
...
- 139
0
votes
1
answer
1k
views
Uncaught (in promise) TypeError: Cannot read property 'getByTitle' of undefined
While updating item in SPFx I am getting below error:
Uncaught (in promise) TypeError: Cannot read property 'getByTitle' of undefined
- 139
1
vote
2
answers
1k
views
Are there any good SPfx tutorials, guides and examples?
Since SharePoint 2019 doesn't come with certain features out of the box, eg. Column headers that stay in place while scrolling, I am in the process of learning SharePoint framework.
Are there any good ...
- 15
0
votes
1
answer
43
views
How to manage SPFx source code [closed]
I'm developing SPFx with team members and I'm thinking about how to manage the source code.
What do you use to manage your source code?
What services can I use to manage the SPFx source code?
I would ...
- 115
2
votes
1
answer
392
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 (...
- 41
0
votes
3
answers
1k
views
jQuery is not defined in SPFx extension
I have created SPFx extension (not a webpart, in case it makes any difference) and trying to add jQuery but its not doing it.
I have installed it into package with
npm install --save @types/jquery
...
- 41
1
vote
2
answers
676
views
What is the quickest way to hide SharePoint Elements on a Modern page?
I have a SharePoint modern site homepage which I am using as a landing page. Currently I am hiding the default elements in site like "Site Title" and "Logo" using custom CSS which ...
- 85
2
votes
1
answer
820
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 ...
- 377
1
vote
3
answers
1k
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 ...
- 11
1
vote
1
answer
5k
views
How to add pagination in office UI Fabric DetailsList control
I am working on SPFX Extension. I need to add pagination to the grid(Office UI Fabric -Details List control),Which is inside Dialog Control.
I got this this Link .When I tried to import the Pagination ...
- 377
0
votes
1
answer
2k
views
Spfx extension to update selected item
I am trying to update selected row using below code but its not working
@override
public onExecute(event: IListViewCommandSetExecuteEventParameters): void {
switch (event.itemId) {
...
- 139
0
votes
1
answer
156
views
Display count/number on icon in SPFX Extensions
I have a requirement to display the count (actually, the count of active notifications) on the icon in SPFX extensions.
I have the count. I am using React UI Fabric Icon control. Is there any property ...
- 377
0
votes
0
answers
350
views
Getting "Sorry, something went wrong with adding the app. Click to retry." when adding a SPFx library to a site
I made a SPFx library component and deployed it to my tenant app catalogue (as a non tenant wide publish). I then tried to add the app to one of my sites but it says Sorry, something went wrong with ...
- 2,150
0
votes
0
answers
295
views
How to deploy multiple SPFx Library components in a tenant?
I am building for SPFx for SP Online. I want to re-use code so a SPFx Library component makes sense. However according to this
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/library-component-...
- 2,150
0
votes
1
answer
67
views
Hide SharePoint sppkg from site contents
How do we hide all the solutions deployed in a site from site contents? I am structuring my solution to have separate project for each web part. So far I have 7 web parts each deployed with a ...
- 153
0
votes
2
answers
588
views
How to hide gear button with SPFx for SPO modern UI
Can anyone teach me some SPFx code to hide the gear button in the upper right corner of SharePoint Online?
Any suggestions would be appreciated.
- 39
0
votes
0
answers
88
views
how to redirect Modern UI cancel button using Spfx
hi i want to redirect modern ui newwform.aspx page cancel button to cancel page ? how can we do it using extension i have extension code which inject Javascript but unable to find cancel selector ...
- 139
0
votes
1
answer
552
views
Trigger Logic Apps from Spfx extension for selected items
Can we trigger logic app from extension click using spfx for selected items?
ex: if i select 5 items and click on SPFX extension in Sharepoint Logic app will trigger for all 5 items and send email to ...
- 139
1
vote
1
answer
319
views
Question (can we use states(react) in SPFx extensions ? )
I have a requirement where i need to :
create a button on top header of page using SPFx extension,
after clicking on it should open a Panel,
inside that panel i want to create things we do in SPFx ...
- 71
0
votes
0
answers
37
views
SharePoint list shows circles on columns heading when added fabric css
SharePoint list shows circles(or dots) on columns heading If I add fabric css from SPFX Application Customizer. How can I fix that issue?
0
votes
1
answer
881
views
Spfx extension : Uncaught TypeError: Cannot set property 'innerText' of undefined
I am trying to change Save button name to Submit using below code but it does not work sometimes if I do load page twice below script throw error.
My Script having JS is added in my Site Assets ...
- 139
0
votes
1
answer
1k
views
Customizing Top navbar in SharePoint online
I am new to SharePoint and I need to add icon to the top navigation bar like profile pic of the user and notification bell with styling.
I tried with edit option but it supports only emoji and text ...
- 1
0
votes
1
answer
867
views
SPfx Client Side assets relative url image in Jquery
How do I reference an image which is included inside clientsideassets?
I was successful in showing the image when I use below option when embedding require inside the img src.:
But issue is when ...
- 309
0
votes
1
answer
414
views
Rename Save button to Submit in Modern Ui NewformAspx
i am trying to change button name from Save to Submit using extension but its not working below is my code
let newbutton: any = document.getElementsByClassName("ReactClientFormSection")[1] ||...
- 139
1
vote
0
answers
68
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 ...
- 2,150
0
votes
1
answer
138
views
Move using spfx extension using getFileByID
i am trying below to move file from source to destination but always getting GUID as undefined
if (event.selectedRows.length > 0) {
// Check the selected rows
event.selectedRows....
- 139
0
votes
1
answer
117
views
command set extension not visible in Ie11
Hi i created spfx command set extension but its not visible in IE11 other browser is visible and working.
Used import "@pnp/polyfill-ie11"; as well but no luck , do i missing any ...
- 139
1
vote
0
answers
53
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 ...
- 2,150
0
votes
0
answers
116
views
How to detect what the site template is in SPFx?
In SPFx modern sites, how can I detect what site template it is? In a shared tenant environment, I want to be able to be able to deploy them tenant wide, but disable them on certain sites (that are ...
- 2,150
0
votes
1
answer
34
views
How to set up SPFx customizations on a shared tenant?
I have a tenant thats shared with multiple regions from the same company. Lets say region A, B, C. Each one is doing their own customizations but its all on the same tenant. And we are following the ...
- 2,150
0
votes
1
answer
275
views
How to update SPFx extension instances tenant wide automatically?
In SPFx, I deployed a listviewcommandset extension to add a context menu option to list items. After adding to app catalogue, I had to manually add the app to the site. And then to update it, I had to ...
- 2,150
1
vote
1
answer
1k
views
Show or hide SPFx extension based on user permissions
I like to show or hide extension as per user permission in SPFx ,suppose if user present in SP-group extension is visible or hide it
@override
public onListViewUpdated(event: ...
- 139
1
vote
1
answer
989
views
Show Loader in Spfx extension
I am working on requirement where i am moving document from Library 1 to Library 2 below goes the code , everything working fine but once i click it take some time to move document , i like to show ...
- 139
0
votes
2
answers
274
views
Spfx Extension Move document
Hi i am trying below code to move document from Documents library to SiteAssets library , but how to make it dynamic so selected document will be move to destination library
@override
public ...
- 139
0
votes
0
answers
584
views
Site Footer is not showing up in mobile devices
We have a publishing site in SharePoint Online and we created a SPFx extension that basically just injects this css:
div[class^="simpleFooterContainer-"] {
height: 80px;
background: #...
0
votes
2
answers
1k
views
add a custom button Doclib-ribbon SharePoint Online
I would like to add a custom button on the default Document Library Ribbon.
You know, like next to 'new','share','automate','myCostumBtn'
Any of you guys a good suggestion?
- 89
0
votes
1
answer
86
views
Random bug with settings menu not loading on SP Online
I'm getting a random bug when my Settings menu (Gear icon in the top right corner) does not appear sometimes on my SP Online site. I found that when it happens I have an error in my console (see below)...
- 23
0
votes
2
answers
136
views
Click Event does not get fired in SPFX Extension in IE 11
I have created one spfx extension of type application customizer. I have attached click event to setting icon span.But when I click on setting icon it does not get fired.
This is working fine in ...
- 955
1
vote
1
answer
2k
views
Getting warning messages : Warning - [sass] The local CSS class 'min-chart' is not camelCase and will not be type-safe
I am using third party css in SPFx. When I am building it, SPFx is showing me lots of warning messages :
I am using Windows 10 / SPFx 1.11.0.
Please let me know how to disable these warning messages.
...
- 43
0
votes
1
answer
461
views
SPFx extension to redirect user to home page if User doesn't has appropriate permission
I need to develop and deploy SPFx extension on my site where if the user doesn't have to manage permission and if they want to access site pages they will be redirected to the home page. If anyone ...
- 1
1
vote
0
answers
109
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 ...
- 131
0
votes
1
answer
993
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 ...
- 323
0
votes
2
answers
190
views
Can I create new extension placeholders?
I've followed this tutorial to create an extension that displays an alert on top of the page:
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/using-page-placeholder-with-...
0
votes
1
answer
476
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 ...
0
votes
0
answers
93
views
Changes in default Property pane using SPFX
Can we change default property pane using SPFX extension ? like hiding or removing
@override
public onListViewUpdated(event: IListViewCommandSetListViewUpdatedParameters): void {
...
- 139