Questions tagged [spfx-webparts]

Technical questions about building and using web parts based on the SharePoint Framework client-side development model.

Filter by
Sorted by
Tagged with
3
votes
2answers
197 views

SPFx: breaking out of the ClientSideWebPart CanvasZone

In Classic SharePoint days I would break out the CEWP (or do it straight from a UCA-ScriptLink) and add content to the DOM or even replace the whole s4-workspace Do I (each CSWP) now have to stay ...
3
votes
1answer
70 views

SPO updates impact on SPFX components

Does Microsoft guarantees that web part/extensions built using SPFX won't be impacted by SPO updates ? I need to build an application with some pages that will be rich html and consumes API's like ...
3
votes
2answers
391 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 ...
3
votes
1answer
2k 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 ...
3
votes
2answers
240 views

SP16 On-Premise - SPFx web parts or Classic web Parts?

My company has need to migrate web parts from SP07 to SP16 On-Premise. It is clear that all the logic from the old web parts will be written from the beginning. My question is what decision we ...
3
votes
2answers
4k views

How to make Pnp function async in spfx framework

I need to get data from a function as below. GetServiceListData():any { var resultData; pnp.sp.web.lists.getByTitle('Test').items.select('Title,FullName,DOJ,ManagerName/Title').expand('...
3
votes
1answer
749 views

How to Provision Workflows with SharePoint Framework

I'm shifting my development to SharePoint framework now and have met with this problem. How do I deploy/provision a workflow to SharePoint Online using SharePoint Framework Client Web part. I couldn'...
3
votes
1answer
606 views

SharePoint Online REST - The HTTP header ACCEPT is missing or its value is invalid

I am building an SPFX web part and trying to get data from a list using REST. Don't want all that noise returned so trying to use odata=nometadata. I've read this and this and plenty of other sites ...
3
votes
4answers
2k views

Add jQuery in Client Web part (SPFX)

I am following a tutorial from Microsoft docs and trying to import jQuery files into my client web part but getting error. https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/...
3
votes
3answers
749 views

SPFX- Array.prototype.diff - (TS) property “diff” does not exist on type 'any[]'- es6 issue?

I have some code that takes a SP List item column (a news article tagged to one or more choice categories) and want to show that to users who have a user profile property with one or more categories ...
3
votes
1answer
2k views

How to add new webpart to an existing spfx project

I have an existing sharepoint framework (SPFX) project. Now I want to create a custom search web part. So how can I add a new webaprt to existing solution PS: I am very new to SPFx. TIA
3
votes
1answer
585 views

SharePoint framework property pane data

Where the data of SharePoint framework property pane is saved.? Can't we access it directly? Also if we have deleted a instance of our app from the page, the property pane data gets deleted ...
3
votes
3answers
4k views

A different version of this App is already installed with the same version number

This is the error message when I try to upload spfx webpart, nothing wrong webpart because I can upload it to new created site, but cant replace with existing one. how can I resolve this?
3
votes
3answers
1k views

How I can upload a App from Sharepoint Framework?

I am trying to upload a app generate with SharePoint Framework to the App Catalog of my SharePoint, but when I upload it, it don't recognize how a valid package and I can't add this app to my ...
3
votes
1answer
2k views

Passing a property to a child component

I am continuing to learn about the various frameworks we can use with SPFX. I have stumbled upon a problem, which according to various websites out there it should work, so I'm sure the problem is a ...
3
votes
1answer
2k views

Creating a custom Property Pane Field

I'm trying to create a custom property pane field to allow the user to configure a list and then a list view to be used by the web part. I followed the instructions of this Custom field example ...
3
votes
2answers
294 views

How to combine two SPFx web parts?

We have two separate SPFx web parts (call them A and B), and you can add A and/or B to same SharePoint Online site. Now there is a need to create web part C that combines both A and B into single web ...
3
votes
1answer
240 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-...
3
votes
1answer
943 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
703 views

Is that possible to add SPFX webpart App at toplevel and access the webpart in all subsites?

My clients want my SPFX web part in many sub sites. For this, I have to add the app to each subsite. Is there a way to add the SPFX web part app at the top level and I should be able to add web part ...
3
votes
2answers
820 views

SPFX Client WebPart with Angularjs and OfficeUiFabric

Iam strugling to use OfficeUIFbric in my Client WebPart with AngularJS. I first created the webpart as "No javaScript web framework", and then i added angularJS as described in this article , webpart ...
3
votes
3answers
2k views

Adding custom list to SharePoint framework app - SPFx app

I want to add list, site column, content type etc to a SharePoint framework app using may be yeoman generator or anything else, i know it might be achieved by API calls but i want to add like the way ...
3
votes
3answers
2k views

SharePoint Framework (GA): how to prevent rewriting of CSS class names?

SharePoint Framework currently takes my .scss files and changes all class names by adding IDs like this: floatRight_789b4d6f. I understand this is done to isolate the styling within the web part but ...
3
votes
1answer
29 views

SharePoint User add data using PnPJs

I'm creating a SharePoint SPFx web part app. Using PnPjs I'm able to retrieve the current logged in user's information: sp.web.currentUser.get().then((response : CurrentUser) => { console....
3
votes
1answer
61 views

New Webpart development in SharePoint 2013

I need to develop some new web parts for SharePoint 2013, and they should be developed in such a way that they can be easily migrated to SharePoint Online at a later point. The webparts need to ...
3
votes
2answers
1k views

force user to add metadata when uploading docs

I want that my users are forced to enter metadata when they upload/bulk upload document.When bulk uploading document it would be cool that users add the metadata once and it applies to all the files
3
votes
1answer
8k views

SharePoint Online full-width page

I am still exploring SharePoint Online creating webparts and deploying through visual studio code using Typescript. I created a HelloWorld webpart and uploaded it on page. I was able to create ...
3
votes
2answers
935 views

Extending jQuery in SPFx Web Part

I've used the jQuery plugin jOrgChart with success in a SharePoint add-in by simply referencing the file and making the call, i.e. <script type="text/javascript" src="jquery.jOrgChart.js"></...
3
votes
1answer
2k views

SPFx - Office UI React - How to default select user in People Picker

I want to set default selected Item on people picker? <NormalPeoplePicker defaultSelectedItems={()} inputProps={{ disabled: true }} onChange={this._onChangePeoplePicker} ...
3
votes
1answer
652 views

Any Api's to get Last Opened Documents

Do we have any Apis to get the Last Opened Documents That is displayed in the the Office 365 Home Page. Intention is to get the list of the last opened Documents using SpFx webpart.
3
votes
2answers
561 views

SharePoint spfx webpart Property 'value' does not exist. sub task errored

I am trying to fetch data from SharePoint in spfx web part with No javascript framework. I am able to access the list and getting the response object but not able to access the value from the response ...
3
votes
1answer
694 views

SPFx - How to start workflow on list?

Do I want to start workflow where send an email with a new framework of SharePoint? Is it true that I can not start a workflow? What should I use? SPServices library JSOM PnP? Thank you ...
3
votes
1answer
1k views

Get SharePoint List Items using SharePoint Framework React

I am getting SharePoint list items using framework react with following code: Developing SharePoint Framework Web Parts Using ReactJS import * as React from 'react'; import { css } from 'office-ui-...
3
votes
1answer
2k views

“[serve] The api entry could not be loaded” in SharePoint Framework(SPFX)

SPFX webpart created successfully but when I run gulp serve command I get error. Error : [serve] The api entry could not be loaded: node_modules/@microsoft/sp-webpart-workbench/lib/api/ -- Node.js ...
3
votes
1answer
857 views

Running Microsoft Flow from a SharePoint Framework (SPFx) web part

i have created a Request/Response MS Flow to send email, when i try to call it via Postman i am getting following error. InvalidTemplate. Unable to process template language expressions in action '...
3
votes
1answer
279 views

how to install api(youtube-api-search ) in spfx&React project created by yeoman-generator

I created my project wth yeoman template generator; yo @microsoft/sharepoint command(react choosen as JS framework). than installed youtube search api npm install youtube-api-search so far ...
3
votes
1answer
97 views

How can I obtain the Teams Context in Sharepoint?

I'm developing a WebPart that will be used with Sharepoint and Teams. My question is easy, I need to retrieve the the microsoftTeams context to get the username. How can I do it?. So far, I have ...
3
votes
1answer
154 views

SPFx Loading Issue

I have created the SPFx Project with extension and Web parts. It is working well if I run gulp serve. If I refresh the browser page it is not loading. It throws an error. If I copy the same URL ...
3
votes
1answer
334 views

Creating component in SPFx webpart from command line

Is there any way to generate component in React from command line (similar to Angular's ng generate)?
3
votes
2answers
472 views

Load SPFX webparts only after application customizer init method is completed ?

I have some webparts who have dependency of data which is obtained from application customizer. Is it possible to load webparts after application customizer
3
votes
2answers
2k views

Display a SPFx web part within a popup on a modern page

I am looking for a way to display an SPFx web part within a pop-window in a way, similar to using the modal window ( as descrbed here: https://www.ericgregorich.com/blog/2013/12/30/open-a-page-in-a-...
3
votes
1answer
2k views

Office-UI-Fabric-react uncheck checbox

How Can I uncheck a checkbox dynamically from the code? I need to uncheck some checkboxes at the same time from the code when I press a button. I'm using: SharePoint Framework - Typescript - Office ...
3
votes
2answers
1k views

Custom webpart (spfx) not listed in app gallery

I created an app catalog and a developer site Then I uploaded the SpFX Webpart package But the Webpart is not listed in the app gallery of my developer site so I can't use the web part. Any tips?
3
votes
1answer
124 views

SPFx 'Field Customizer' puts restrictions on CSS ??

In the SPFx video at Buid17 there is an example for the new (JSLink/CSR replacement) "Field Customizer" blurring sensitive information They use MouseEvents (and more code) to swap a whole DIV ...
3
votes
1answer
117 views

react-aad-implicitflow works only in workbench

I am having issues with ADAL login, so I grabbed the latest version of react-aad-implicitflow and tested it out. I modified the client id be the same I was using, deployed and tested a few ...
3
votes
2answers
668 views

SharePoint Framework: Module not loaded correctly when pressing F5 in IE

I need to load the jquery-typeahead library in my SPFx web part. I register this dependency by adding it to "config\config.json" like this: "externals": { "jquery": { "path": "./...
3
votes
2answers
2k views

Sharepoint Framework (Drop 6): How to load external css in a WebPart

I am fairly new to the SharePoint Framework development stack and am building a WebPart with AngularJS 1.x and ngOfficeUIFabric. I'm using the current drop (Sharepoint Framework Developer Preview ...
3
votes
1answer
224 views

SPFX - Inlcude Static Files in the Solution Package

We need to include a third-party solution in our SPFX app which itself is rendered as in iFrame within the web part. We have this working locally in the workbench and it works when deployed, but only ...
3
votes
1answer
368 views

PnPJS - MS Graph API - how to get group photo

I am using PnPJS for MS Graph API to retrieve groups information in SPFx solution. I am able to get the groups information properly. I need to get the group photo also, since photo is not available ...
3
votes
1answer
2k views

How to display the SharePoint “Live Persona Card”?

In our SharePoint Framework web parts we want to show people information just like SharePoint does: When hovering over the name or image of somebody a popup like this should open. Looking at the ...

1 2
3
4 5
17