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
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 ...
CommunityBot
- 1
0
votes
1
answer
13
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/...
- 7,247
1
vote
1
answer
2k
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....
CommunityBot
- 1
0
votes
1
answer
2k
views
SPFx "Command Set" that displays a dialog box or panel containing a "people picker" control
I'm new to working with SPFx extensions.
Requirement is create a SPFx "Command Set", that on click displays some sort of dialog box or panel containing a "people picker" control within it. I've ...
CommunityBot
- 1
0
votes
1
answer
1k
views
WebParts keep loading untill I scroll down the page or perform a zoom
environment:SharePoint online;Sharepoint Framework;
Programming languages:TypeScript
During page loading, sharepoint custom web part keeps on loading
Nothing does change untill I scroll down the ...
CommunityBot
- 1
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 ...
CommunityBot
- 1
2
votes
1
answer
2k
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, ...
CommunityBot
- 1
0
votes
1
answer
2k
views
How to add bootstrap to spfx extension
I am building SPFx extension for the first time, I am little unsure how to add bootstrap to extension and I am creating dropdown. Basically it goes out of the frame.
BreadNav.tsx
import * as React ...
CommunityBot
- 1
8
votes
1
answer
5k
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 ...
CommunityBot
- 1
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
1
answer
2k
views
How to load the custom CSS in SPFx Extension before the page load?
We are loading a custom CSS using SPComponentLoader in SPFx Extension to apply these styles in header. But while the page loads, the UI is not coming properly as the Custom CSS loads after the Page ...
CommunityBot
- 1
1
vote
1
answer
198
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
2
votes
1
answer
450
views
SPFX get shared document URL by language
I want to get the document folder path url by selected language.
For etc.
English - Shared%20Documents
German - Freigegebene%20Dokumente
So, how do we get Shared documents path according to selected ...
- 7,247
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
222
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 ...
2
votes
1
answer
2k
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 ...
CommunityBot
- 1
1
vote
3
answers
2k
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 ...
CommunityBot
- 1
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 ...
CommunityBot
- 1
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 ...
CommunityBot
- 1
0
votes
1
answer
48
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 ...
- 161
0
votes
2
answers
2k
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?
CommunityBot
- 1
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
...
CommunityBot
- 1
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 ...
CommunityBot
- 1
3
votes
1
answer
2k
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 ...
CommunityBot
- 1
1
vote
2
answers
698
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 ...
- 126
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 ...
2
votes
1
answer
1k
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 ...
CommunityBot
- 1
1
vote
1
answer
116
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 ...
- 2,742
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 ...
- 46.4k
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.
- 535
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 ...
- 2,742
0
votes
1
answer
661
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: #...
- 198
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
251
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 ...
- 1,461
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 ...
- 46.4k
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
33
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 ...
- 372
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 ...
- 46.4k
5
votes
3
answers
11k
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 ...
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 ...
- 525
0
votes
2
answers
136
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
1
vote
1
answer
1k
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 ...
CommunityBot
- 1
1
vote
1
answer
427
views
How to change SharePoint Site language programmatically using spfx extension
it there way to change language dropdown of SharePoint site such as English to German using spfx solution ?
I am looking function like
pagecontext.setLanguage(1031);
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 ...
- 4,006