Stack Exchange Network

Stack Exchange network consists of 174 Q&A communities including Stack Overflow, the largest, most trusted online community for developers to learn, share their knowledge, and build their careers.

Visit Stack Exchange

Questions tagged [spfx]

General technical questions about the SharePoint Framework client-side development model.

0
votes
1answer
25 views

angular-aad-implicitflow

I see in SharePoint PnP Git repo: https://github.com/SharePoint/sp-dev-fx-webparts/blob/master/samples There is react-aad-implicitflow why not there is angular-aad-implicitflow. Is there any ...
0
votes
0answers
92 views

Group SPFx Commands - Command set extension

I'm creating SPFx command set extensions for my application. It has set of commands which I would like to group under single menu. Like we see in "Open", "New", "Flow" commands Any help would be ...
3
votes
1answer
121 views

Error: Upstream proxy port is required while creating spfx project

I am facing some issues while creating an SPFX project from cmd. Below is the error screenshot. Does anyone have solution to this error?
2
votes
1answer
123 views

SPFx Field Customizer: Customization does not appear if document library is is within a webPart

I finally made my field customizer work in SharePoint online. It provides a URL field with modified link based on other item metadata. It creates a custom view which shows the new column provided by ...
2
votes
2answers
308 views

SharePoint Online Modern site/pages CSS file

I'm looking for some information about how the Theming and Styles work on modern sites. But I don't find what I need. In SharePoint Online modern sites, there doesn't seems to be a CSS file which we ...
2
votes
2answers
224 views

Workbench is showing empty without any error

I am having the issues with my workbench and its showing me the blank page with no errors on it. Here is the console execution gulp serve Build target: DEBUG [11:08:42] Using gulpfile C:\users\...
0
votes
1answer
86 views

Debug SharePoint Framework with Visual Studio Code

I am following instructions from below link in order to debug SharePoint Framework, https://docs.microsoft.com/en-us/sharepoint/dev/spfx/debug-in-vscode When I do "gulp serve" i can see local ...
3
votes
2answers
120 views

SharePoint Online SPFx Apps: Why use a CDN for assets, why not simply use the SiteAssets library?

Why do the SPFx tutorials configure a library or a folder in an library as a CDN to host assets like scripts, images etc? I mean what is the technical difference to hosting the assets in the ...
1
vote
0answers
24 views

Implementing Font Changes on Modern Pages [duplicate]

I'm attempting to implement font changes on a Modern page, possibly including webpart components. The UI currently ignores changes to the site fonts.
1
vote
0answers
118 views

SPFx Field Customizer deployment: main js not loaded from CDN in SharePoint Online

I try to deploy my first Field Customizer app to a SharePoint online tenant. Tried several things, without CDN and with bundled assets, now using a CDN (which I previously configured with the ...
1
vote
1answer
218 views

The requested operation is part of an experimental feature that is not supported in the current environment

I get this error : Error: The requested operation is part of an experimental feature that is not supported in the current environment. at e.getToken (sp-pages-assembly_en-...
7
votes
2answers
758 views

Using MS Graph from SharePoint Framework 1.5.1 / 1.6

Can someone, please help me with figuring out how to use MSGraphClient from the latest SPFx version? MSGraphClient is supposed to help us to use MS Graph. My problem is that as soon as I add the line ...
1
vote
2answers
177 views

spfx MSGraphClient

I need to write a webpart, which shows data from the MS Graph. I wrote this example code import { Version } from '@microsoft/sp-core-library'; import { BaseClientSideWebPart, ...
4
votes
2answers
50 views

SPFx- Routes vs toggling visiblity

I have a requirement in which I have to hide the component from the page and load a new component. Which one is the preferred approach: Toggling the visibility of component Using routes
1
vote
1answer
47 views

SharePoint SPFX : Workbench issues

The above shown is the configuration of serve.json and when i gulp serve its redirecting to this url https://localhost:4321/temp/workbench.html and the page shows empty. Here is the image below
2
votes
1answer
82 views

SPFX Field Customizer: how to get full path of document in document library?

I am creating a Field Customizer to display a hyperlink in a column in a document library view following this tutorial: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/extensions/get-started/...
3
votes
1answer
91 views

SPFx Developement Environment Setup issue

I am facing critical issue in setting up development environment for SPFx. I have refereed following link Link: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-...
1
vote
0answers
80 views

Not able to print HTML based on If statement

So I'm trying to print some HTML code depending on the IF statement. but I'm getting "undefined[object Object][object Object][object Object]" public render(): React.ReactElement<ISPWebPartProps&...
1
vote
1answer
25 views

Register CustomAction link to site settings from Element.xml from sppkg

Is it possible to register CustomAction link to site settings from Element.xml from SPFx package (SPPKG) in SharePoint Online? I am able to create following using Element xml file using SPPKG; ...
2
votes
1answer
38 views

Spfx Site Designs - IsDefault behaviour has changed

When site designs were first launched, I swear that using the IsDefault parameter only added the site design to the default SharePoint site templates. Now it appears that IsDefault both modifies the ...
2
votes
1answer
70 views

When I am trying to install @microsoft/generator-sharepoint, I get below error. Kindly note that my node version is v10.6.0 and npm version is 6.2.0

i dont know how to install this help me if someone can i am getting 404 error @microsoft/generator-sharepoint, I get below error. Kindly note that my node version is v10.6.0 and npm version is 6.2.0
1
vote
1answer
79 views

Create document from template in javascript on a modern sharepoint site

Does anyone know of an equivalent to the createNewDocumentWithProgID() or createNewDocumentWithRedirect2() JavaScript function that will work on a modern spfx SharePoint site?
2
votes
1answer
48 views

Sharepoint Question/Advice - change excel form/graphs into something more interactive

We currently have an excel file that is a large table that the user fills out and then some graphs are manually created from the data. We have a sharepoint online modern site (using Spfx for any ...
2
votes
1answer
108 views

SPFx extension unrelated ApplicationCustomizerContext type tsc error

I have encountered dificulties using the ApplicationCustomizerContext type and the TypesSript 1) I have created a spfx application customizer 2) I have added in the application customizer main ts ...
3
votes
2answers
624 views

Office UI Fabric DetailsList(React) rendering: DetailsColumn.render() error

I am trying to add a very basic implementation of the Office UI Fabric's DetailsList React component to my project, but keep on getting the following error when trying to render it: 'DetailsColumn....
2
votes
0answers
232 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 ...
3
votes
1answer
98 views

Set Userfield to allow Multiple using pnp in SharePoint Framework

I've Created a Field on my list PollAnswers and everything works fine with that part: pnp.sp.web.lists.getByTitle("PollAnswers").fields. addUser("Users", FieldUserSelectionMode.PeopleOnly).then(() =&...
2
votes
1answer
283 views

Setting Web Part Properties From Outside the Property Panel?

I have created a custom async Property Pane Dropdown to grab list information which in turn renders data to the page depending on what list is chosen. The rendered information is saved to the root ...
1
vote
1answer
653 views

SPFx - Get User ID from User Login Name

As the title suggests, does anyone have a working method for getting a users ID from a users Login Name (not the one signed in)? Login name like: i:0#.f|membership|firstname.lastname@contoso....
7
votes
0answers
136 views

How do I retrieve the SharePoint Modern site's classification property via search REST APIs?

I am creating a rollup of Modern team and communication sites that are provisioned in my tenant by creating one SPFx webpart which retrieves the site's title, URL, logo and some other properties using ...
2
votes
0answers
77 views

Proxy issue in SharePoint Framework

I am trying to run SPFX project in my office environment. Internet is using proxy to restrict internet access so I am getting below error while running npm command. I have tried to solve it using ...
1
vote
1answer
137 views

How to sort a sharepoint list according to average rating column in react js?

I have a list which is to be sorted accoring to the average rating column and the top 3 items is to be displayed in react js. This is the api endpoint used : ${this.props.siteurl}/_api/web/lists/...
2
votes
1answer
502 views

How to deploy SPFx web parts on SP 2016 on prem?

I am working on a development environment on SP 2016 on prem with feature pack 2. I have created a "Hello world" web part following this example. I am trying to deploy the SPFx web part to a classic ...
1
vote
2answers
185 views

Css doesn't apply

I've used custom CSS in my Webpart.module.scss and I'm trying to use these classes with ${styles.myClassName} But the Css doesn't want to apply. Could you please help me with that. .slickCarousel{ ...
1
vote
1answer
96 views

Reuse Child Component Method to Parent Component Fabric React - SPFx

I am using Fabric React with SPFx. I want to use one component public method to another component. How can be possible to reuse method? My Parent Component: export class PanelSmallRightExample2 ...
1
vote
1answer
112 views

Modern page using SPFX

Am new to SPFX frameworks, I Don't no where to use spfx in modern site page. How to customize navigation bar in modern site page? And How to increase navigation bar?
3
votes
1answer
217 views

How to inject jquery sharepoint services to spfx

We are trying to inject jquery sharepoint services dependency to our sharepoint framework webpart. This is what we did. First added external files at config.json "externals": { "jQuery": { //"...
3
votes
2answers
1k views

How to customize width and hieght of Dialog component of Office UI fabric in SPFX webparts

I need a Office UI fabric dialog component of 600 by 600 px in SPFX webpart. Tried className and containerClassName attributes both didn't work. The style attribute doesn't. The max-width is set to ...
1
vote
0answers
74 views

How to use jquery.slimscroll in spfx

I want to use slimscroll for a couple of SPFX webparts but having trouble to get things going. I used: npm i jquery-slimscroll npm i @types/jquery.slimscroll next to a couple of other modules (...
1
vote
1answer
98 views

Office UI Fabric Ract Command Giving an error UNMET PEER DEPENDENCY

Issue while adding command "npm --save install office-ui-fabric-react" NPM Version: @microsoft/generator-sharepoint@1.0.2 gulp@3.9.1 yo@2.0.2 How to solve this issue? It gives warning:office-ui-...
0
votes
1answer
312 views

SPFX Question Is it possible to include a custom font reference by extending the toolchain?

I have a custom font, I include it in the bundle and add it to the dist folder, but the js reference is still linking to its original location. Any ideas? [
3
votes
1answer
257 views

SPFX and react-router

I'm having trouble getting react-router working on my SharePoint Web Part with React and TypeScript. I have tried react-router as a standalone webapp and it works fine. Just can't get it working on ...
1
vote
0answers
121 views

SPFX Trigger onPropertyPaneFieldChanged after entering value in textbox

Presently onPropertyPaneFieldChanged is triggered as you type in textbox. Is there way I can trigger onPropertyPaneFiled only after done entering data in textbox. Thanks for any help.
1
vote
1answer
163 views

SharePoint 2016 SPFx React TypeScript Issue

I am getting an error of TypeScript 2.2.2 in SharePoint 2016. I can install SPFx web part with No JavaScript Framework approach. And it's working fine but when I choose "React" in "yo @microsoft/...
0
votes
0answers
175 views

Spfx webpart on Classic pages with custom master page not working

I have an angular 1.x webpart application which is built using the spfx 1.4 version. The webpart works in the modern sites pages but is not working on the classic site pages with custom master page. ...
3
votes
1answer
140 views

How to update ListView within spfx commandset to show new item

Im working on a pretty simple spfx CommandSet extension. Its goal is to duplicate an item, when an item is selected. I have the working code. My problem is, that i searched the context property, but ...
1
vote
1answer
235 views

How to open property pane in a SPFx webpart without going in edit mode?

Is there a way to open the property pane without going into edit mode?
1
vote
3answers
170 views

ts Cannot find the module

I am very new to the SPFx I just started. I was making my first web part in Visual Studio Code but I was having some difficulty in my code. May be somebody can help. I have scss module in the same ...
1
vote
1answer
214 views

SPFx v1.5 building Extension and WebPart as single solution

I recently updated my SPFx framework to v1.5.0 and I wanted to create a solution that has both Extensions (Application Customizer) and Client Side Webparts. Now if I try creating a WebPart first and ...
0
votes
1answer
303 views

Sharepoint Online & Angular (latest)

i've got some questions for whoever has some experience with Angular and SP Online. What i'm trying to achieve : Move from SP Designer to custom Angular forms (we all know the limits and bugginess of ...