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.
336 questions
0
votes
1
answer
12
views
TSC errors when running gulp serve
I am trying to use typescript in a sharepoint project and the botframework using the botframework-webchat library. when I do that it gives me all these errors:
17:03:42] Error - [tsc] node_modules/...
0
votes
0
answers
29
views
Render javascript inside DOM element in SPFX extension
I have a JS script which i would like to render in DOM element, where when page loads the modal dialog popup will appear.
I am not sure on how to achieve this.
<link rel="stylesheet" href=...
- 159
0
votes
0
answers
34
views
React Mega Menu Spfx Extension
I have already running spfx extension for global navigation using term store, but there are two things i was looking to achieve.
I have implemented the commandBar where it shows the default view from ...
- 159
0
votes
1
answer
215
views
SPFX extension can't be loaded: Cannot read properties of undefined (reading 'id')
I am developing a SPFx extension that will be deployed on the SharePoint online site.
I used pnpm to install the dependency, but my colleague used npm, and he reported to me that the gulp serve after ...
- 33
0
votes
1
answer
46
views
Adding event listener to a DynamicForm field
I have a form customizer project that uses typescript and react.
I have a choice field which renders as a dropdown and one of the choices is to leave a comment.
If the user selects the 'leave a ...
1
vote
1
answer
197
views
SPFx CommandBar buttons and Context Menu are not working with Microsoft List look and feel in SharePoint Online site
We have SPFx commandBar buttons and context menu deployed in the SharePoint Online site developed using SPFx solution. We have deployed them in site under site app catalog and CDN is also implemented. ...
- 7,247
0
votes
0
answers
43
views
SPFX React - How to update my breadcrumb application extension?
I have a component that is looking at the web + page context to generate a new breadcrumb. This works well except that it keeps re-adding the entire component after each page navigatedEvent. I've ...
1
vote
1
answer
115
views
SPFx ContextualMenu with submenu
I'm creating an SPFx Extension. I currently have three commands and I want to group them into a submenu, but I'm unsure of how to add them. Here is my code for reference (I removed logic from some ...
- 33
0
votes
0
answers
15
views
SPFx Azure Data Table - Error when generating SAS token
I’m developing a SPFx application customizer. One of the requirements is to connect to Azure Data Table to retrieve a list of all entities.
I’m trying to generate a SAS token in my SPFx extension code ...
0
votes
1
answer
136
views
What is the license for the SharePoint Framework (SPFx)?
I am working on a project that involves the SharePoint Framework (SPFx) for developing custom web parts and extensions.
I would like to understand the licensing terms for using SPFx. Specifically, I ...
1
vote
1
answer
140
views
How to add a custom button in a sharepoint column using field customizer SPFX react
I have an urgent requirement to show a button in a sharepoint list column using spfx extensions field customizer react.
Can anyone please help me with the code sample for reference ASAP.
TIA.
- 399
2
votes
1
answer
85
views
SPFx Extension COMMAND_1 to call a function
I'm trying to add an action to the context menu in my SharePoint library. The action appears when I right-click on a file, but when I click on the action, the default window pops up and not the ...
- 33
0
votes
0
answers
25
views
Property 'context' is missing in type '{}' but required in type 'IBreadcrumbsProps'
I have the breadcrumb declared in the component file and importing the class into another component file. But I started getting the error message
Property 'context' is missing in type '{}' but ...
- 159
0
votes
0
answers
250
views
TypeError: Cannot read properties of undefined (reading 'operation')
I have the spfx extension which renders the items into commandBar from the term store, however when I try to access the page the extension is not loading and throwing the below error tmessage. When I ...
- 159
0
votes
0
answers
19
views
Does SPFx colors affect the SharePoint Site theme
I have SPFx extensions and webparts deployed in the sites and both framework uses the custom color built in the .sppkg package. And I have custom site theme installed using PowerShell.
Does the SPFx ...
- 159
0
votes
0
answers
35
views
How to add a context menu to a Command
I have followed the instructions from https://github.com/SharePoint/sp-dev-docs/blob/main/docs/spfx/extensions/get-started/building-simple-cmdset-with-dialog-api.md . It results in code similar to:
@...
- 1
0
votes
0
answers
19
views
Does an Application Extension loads always before any Webpart in page?
can you please tell me the loading order of web-part and extensions, if any?
Who loads first and the load order is always the same?
Thank you!
0
votes
0
answers
40
views
Breadcrumb Navigation issue when navigating to Sitecontents
I have the Breadcrumb navigation installed in my sites which works fine when navigating to the Lists or Libraries. But when navigating to Site Contents it cannot get the serverrelativeurl. Is it know ...
- 159
0
votes
0
answers
63
views
Could not find a declaration file for module '@microsoft/sp-application-base'
I am building a application customizer extension to hide the Approve/Reject buttons in modern SharePoint page using instructions here: Hiding Approve/Reject button in SharePoint modern experience ...
- 1
0
votes
0
answers
39
views
Office Ui react commandBar show menus on mouseover
I have top navigation which is using office Ui react commandBar, where i have to click on the menu to show the 2nd level of the menu. Is there anyway to add the hover effect to this commandBar or ...
- 159
0
votes
0
answers
32
views
Application Customizer - problem with deploying?
I added Application Customizer to my spfx project.
I did following steps to deploy it:
gulp clean --ship && gulp build --ship && gulp bundle --ship && gulp package-solution --...
- 125
0
votes
1
answer
36
views
Add button for every item in a list to open specific item Version History popup for
could you help please, is it possible to add button for all items in a list to open their version history pop-up? This button or link should be on the specific column field for every items.
Is there ...
- 37
0
votes
0
answers
35
views
Display custom element in listview command bar
I'm a beginner SPFx developer so maybe my question is dumb, but here it goes.
I created a custom action for moving files to different site collection, but the problem is that the user doesn't know if ...
0
votes
1
answer
196
views
How to disable drag and drop feature in modern SharePoint library using SPFx?
I have a requirement to disable drag and drop feature in modern SharePoint document library using SPFx application customizer.
User should not drag and drop files into a folder or into a library.
Can ...
- 399
0
votes
2
answers
135
views
Adaptive Card Extension (SPFx) build fails with no warnings or errors
My Adaptive Card Extension (ACE) works perfectly in the workbench, however when I try to package it, first with gulp bundle --ship then gulp package-solution --ship it fails to package.
The bundling ...
- 113
0
votes
1
answer
241
views
Advice for disclaimer pop up Sharepoint Online
Just looking for some advice.
I have a request to provide a 'Disclaimer pop up' which appears on screen the first time an external user visits one of our sites. Once the user has clicked ok, the ...
- 49
1
vote
2
answers
697
views
SharePoint Online modern Footer created using SPFx Extension Application Customizer is freeze at the bottom of screen. How to place at bottom of page?
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
1
answer
247
views
How to make SPFx extension triggered when new file uploaded to Sharepoint libraty?
I'm making a SPFx extension. I want it to trigger each time when new file uploaded in my Sharepoint library.
Could someone assist me with achieving this functionality?
- 61
0
votes
1
answer
170
views
ListViewCommand Set Extension with multiple options
I am trying to group multiple list commands using SPFx ListView Command Set extension. Is this possible?
See example:
Example multiple list commands
- 57
0
votes
1
answer
706
views
How do I get direct access to a file in Sharepoint online witha direct URL?
I have a file in a Document Library. I can reach that file with a direct URL in the form https://[tenant].sharepoint.com/sites/[site_name]/[Document_Library]/[Sub_Folder]/document.pdf
Now what I'm ...
- 1
0
votes
1
answer
503
views
SPFx Form Customizer Deployment issue
I built SPFx Form Customizer but I have problems when I deploy it. It doesn't get applied to forms. I assume that the issue is in connecting form customizer with list.
I tried following several ...
- 125
0
votes
2
answers
2k
views
SharePoint online (SPFx with react) - custom forms?
I'm building custom New and Edit forms. I'm interested if there is some way to get the fields of list displayed on Edit/New that would work by default from SharePoint, or I must rebuild every field ...
- 125
0
votes
1
answer
574
views
Optimize spfx extension loading time
I have spfx extension Application customizer which has very long loading time takes like 4.37 s, I was wondering how to improve the loading time.
Edit- I tried loading the react component in ...
- 159
0
votes
1
answer
125
views
Public CDN image not showing on the Spfx Extension Application customizer
I have an Image using PublicCDN which is referring in my Spfx ext application customizer but some how it is not displaying the image when I deploy in App catalog.
<div className={`ms-bgColor-...
- 159
1
vote
1
answer
302
views
How to get items data or library file link by customization button in list view command extension in SharePoint?
How can I get data of this selected item by clicking on ShortLink which is at left side of Automate button in list view command bar at the top of the list?
- 19
0
votes
1
answer
876
views
google analytics on the modern Sharepoint online site
Could you tell me please, how to insert Google Analytics on the modern Sharepoint online site? Where is the best place to store the script?
Thank you!
- 37
0
votes
0
answers
35
views
Is there any way to apply field customizer to Thumbnails view?
I want to apply the field customizer to both Thumbnails view and Modern list view. Is it possible?
- 2,001
1
vote
1
answer
285
views
SPFx extension is not loading term store properties
I have extension which uses the term store as navigation and on the other hand, I have dropdown list where it has the normal text (SiteA, SiteB, SiteC) with different SP site links on it (href). So, ...
- 159
0
votes
1
answer
215
views
How to use TaxonomyPicker Control with Form Customizer?
I am trying to customize form using SPFx Form Customizer solution. My form requires TaxonomyPicker control.
I am importing TaxanomyPicker and then trying to add control in render method.
<...
1
vote
1
answer
619
views
Spfx extension Clear cache or hard refresh
I have four different extensions with different languages with texts on it, I use dropdown on top placeholder to switch between different sites. However, when I switch from English to Polish I still ...
- 159
0
votes
2
answers
605
views
Unable to get PNPJS SPFX context from a ListView Extension
I am trying to create a list view extension, however I am unable to get the PNPJS context in order to query other lists.
If I go to the URL that returns a 403 in a browser tab, it works.
//default ...
- 199
0
votes
1
answer
204
views
Custom navigation from term store to sharepoint online
I would like to add custom global navigation from term store to sharepoint online using spfx extension.
- 159
0
votes
1
answer
154
views
Error on navigation menu from term store
I have followed the steps from the link and able to run the code on Local environment however the same code once deployed to app catalog, doesn't work. Started to get the error while retrieving The ...
- 159
1
vote
0
answers
137
views
Listview Command Set on SharePoint 2019
Has anyone succeeded in building a Listview Command Set on SharePoint 2019?
I am using SPFx 1.4.1 as recommended.
Problem: the custom buttons in the ribbon disappear after opening a different page (e....
- 57
0
votes
1
answer
339
views
How to bind SP list to Spfx extension as dropdown
I have a SP List with 5 items and Url to it. So now I would like to add this SP list as dropdown to SPFX extension. I was wondering how to achieve this as I know how to add as an WebPart but not to ...
- 159
0
votes
1
answer
423
views
Change background color of the command bar footer
I have header and footer spfx extension, I would like to change the background color of commandbar of the footer. But looking for solution to change it.
As in the below image bg color is white, I need ...
- 159
0
votes
1
answer
3k
views
OAuth authentication for SPFx solutions
I am challenged by a SPFx based solution (WebPart as well as Commandbar-Extension). I have a set of APIs which are secured by OAuth. There is a dedicated authentication server, so I can't just use ...
- 355
0
votes
1
answer
497
views
spfx application customizer search bar
I am trying to create custom search bar for my sharepoint site on click or change of which it will load search results below is my code from which i had created html output but how should i write ...
- 59
0
votes
1
answer
486
views
SPFX extension does not load on Site Contents page
I've developed a CSS injector application customizers that loads the.css file from the style library and applies it to the website. However, I discovered that the extension is not loaded when users ...
0
votes
1
answer
343
views
App Configuration Page
I have create a SharePoint WebPart as well as a CommandBar-Extension using SPFx. I used the yeoman generator to schaffold the application and finally created a sppkg-file I can deploy to my app-...
- 355