Stack Exchange Network

Stack Exchange network consists of 175 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 [sharepoint-framework]

The SharePoint Framework (SPFx) is a page and part model that enables client-side development for building SharePoint experiences. It facilitates easy integration with the SharePoint data, and provides support for open source tooling development.

0
votes
1answer
1k views
5
votes
3answers
8k views

How to retrieve pageContext in SPFx?

I'm following the second tutorial from the SharePoint Framework dev center: Connect to SharePoint It states that you can retrieve details from this.context.pageContext, however this is no longer the ...
0
votes
0answers
12 views

Adding data to window object -

In the webpart I am currently preparing using SPFX I need to assign some user data into window object: (<any>window).userDetails = { displayName: this.context.pageContext.user.displayName,...
0
votes
1answer
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 ...
0
votes
0answers
26 views

SPFx CustomAction sequence / default action

My goal is to create an extension for Sharepoint Online that adds a context menu entry to the top of the context menu for specific files in Document Libraries and lists and is the default action for ...
0
votes
0answers
44 views

react-search: The type definition `index.d.ts` does not exist. Create one and try again

I am new to SharePoint and I'm trying to deploy a modern Search Web Part following the instructions here sp-dev-fx-webparts/samples/react-search/ When I run tsd install on the command prompt, it ...
1
vote
0answers
12 views

Can I work with Sharepoint framework without access to Github?

According to "set up your sharepoint framework development environment", I need to install node.js and then use its command to download further package (yo and gulp) from github. I installed node ...
0
votes
0answers
24 views

Breadcrumb Navigation in SharePoint Online for multiple Modern communication site & Team site using spfx code

I am trying to create breadcrumb navigation for communication site in SharePoint online using SPFX, But i have multiple communication site, how can we make breadcrumb navigation for different ...
0
votes
1answer
2k views

Get data from multiple lists using REST API

My requirement is: To pass listnames as an array to a method and concatenate the result after each success. The problem is I'm not able to concatenate the result from the previous ajax call ...
1
vote
2answers
624 views

Call custom javascript before loading any SPFX webparts

I have a requirement, where i want to fetch certain properties from user profile.For this i have created a file which fetches data from user profile and store in global variable. I was able to add ...
0
votes
0answers
23 views

Yeoman generator produces an old version of SPFx

I have Yeoman generator (@microsoft/generator-sharepoint) version 1.8.2, I can verify this by running: npm list --depth=0 -g .. When I try to run yo @microsoft/sharepoint , I noticed 2 things: The ...
0
votes
0answers
19 views

Convert SPFx Web Part to 2019 version

I made a relatively simple web-part using the SharePoint online only option but it turns out this will need to be deployed to SharePoint Server 2019. I can't find documentation on how to do this, can ...
2
votes
1answer
2k views

SPFX: How to add item in SharePoint list with attachment?

I have created a SPFX webpart to add item in list with attachment. How to add item with attachment ?
0
votes
0answers
6 views

Error in Setting up development environment for SharePoint Framework - EINTEGRITY

I am trying to setup the development environment for SharePoint framework as per the procedure mentioned in below article. https://docs.microsoft.com/en-us/sharepoint/dev/spfx/set-up-your-development-...
0
votes
1answer
24 views

Use search API to find items that begin with a specific letter

I am Developing a SharePoint Extension web part for O365. The purpose of the web part is to allow the user to click on a letter of the alphabet and then through the search API return all the items ...
0
votes
1answer
46 views

Reading Sharepoint List in SPFx - ForEach not working

I have no idea how to read Sharepoint List Data in SPFx one by one. JavaSript console returns me an error: Uncaught (in promise) TypeError: item.forEach is not a function. private ReadAllCountries(...
0
votes
1answer
665 views

SharePoint framework and typescript promises

I need some help regarding Typescript. I was following a tutorial which pulls search data in client side web part. The code for the service is as follows (it works): const _results:SearchService....
0
votes
1answer
47 views

SPFx web part: wait for fetching data before rendering header

I already asked this question regarding SPFx extensions. But now I have the same problem I had in that question, but for a SPFx Web part. I use the exact same _getUserInformation() method as ...
0
votes
0answers
10 views

Best practice to provision assets (e.g. custom lists) alongside a SPFx tenant-wide Web Part?

Microsoft says that it's not possible to provision assets with a Web Part which is deployed tenant-wide (See here) But I need to develop a Web Part which will be available on the SharePoint Online ...
0
votes
0answers
11 views

How to passd acordion a properties in SPFx

I creating acordeon from this article: https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/add-jqueryui-accordion-to-web-part But there are two files. I cant pass properties ...
0
votes
1answer
687 views

Angular 2 Routing in SharePoint Framework - SPFX

Using Angular.IO site's Routing example , I created a simple SPFX webpart with two components Dashboard and HeroDetails. When I try to run it through SharePoint site I see following error. Attaching ...
1
vote
0answers
113 views

SPFX- Lookup column value

I'm retrieving data from a SharePoint list and I'm facing some issues while getting values from lookup column. I was able to successfully pull in the 'Title' column which is a single line of text, but ...
0
votes
1answer
110 views

SPFx Extension: wait for fetching data before rendering header

I am currently developing a SPFx Extension (Application Customizer). I am relatively new to TypeScript (C# developer) and I can't find my error. I have the following onInit method: @override ...
0
votes
0answers
32 views

Connect custom web part to a library web part

I'm creating a custom web part using SPFx and I'll to connect it to a list. The web part I make shows the details of a product. The library I'll connect contains all manuals of the all the products. I'...
0
votes
0answers
25 views

Sharepoint framework - gulp serve error

Testing development environment on a Windows 7 machine - works fine on a Windows 10 machine but getting this error in W7 (in workbench): Error: EPERM: operation not permitted, symlink 'H:\...
0
votes
1answer
36 views

Set defaultvalue of sp-pnp-js created boolean field

I'm unable to set the default value to false of my boolean field called Done pnp.sp.web.lists.add("Todo","").then(() => { pnp.sp.web.lists.getByTitle("Todo").fields.add("Done","SP.FieldText",{ ...
12
votes
3answers
2k views

How does one pass parameters to SharePoint Framework Extensions in practice?

I am currently in the process of getting up to speed with SPFx and have gone through the Extensions Getting Started guide of the official documentation and skimmed a fair portion of the other ...
3
votes
2answers
752 views

How to get the URL for a selected document in a sharepoint framework extension spfx

How can I obtain the URL for a selected document in a sharepoint framework extension? e.g. a friendly url or unique reference that a user can use to open the selected document; https://mysite....
1
vote
1answer
114 views

Problem with rendering a React component in another component for SPFX

This is my first post here, I guess :) I am writing because I have a task to make a Shopping app which should be made in SharePoint Framework and use React as a framework. My current problem is ...
5
votes
2answers
1k views

Include JavaScript file so it load automatically in SharePoint Framework

I am beginner and trying to include JS file in my SharePoint Framework Webpart. I learned how to call different functions of the JS file. I know you can include the file using const myScript = ...
0
votes
0answers
20 views

Add developer name in Sharepoint Framework Webpart manifest

Can you add developer name in manifest.json on sharepoint framework?
0
votes
1answer
29 views

Issue when debug and publish an extension created with SharePoint Framework Version 1.7 on a SharePoint Server 2019

I create an extension with SharePoint Framework 1.7 with yo @microsoft/sharepoint by selecting the options as indicated below: SharePoint 2019 onwards, including SharePoint Online. Use the current ...
2
votes
1answer
85 views

MSGraph Permissions

I am trying to allow an app to get a user's manager. According to the documentation I need User.Read.All permission: So in my SPFx, I added the request: "webApiPermissionRequests": [ { "...
2
votes
1answer
84 views

Using jQuery plugins in SPFx web part

I'm looking for a reliable way to implement jQuery plugins into my SPFx web part (targeting SharePoint 2016 on-prem). I have jQuery installed with npm install and imported with import * as jQuery from ...
2
votes
1answer
185 views

Send an email with SPHttpClient

I'm working on a web part for SharePoint 2016 on-prem and I want to send an email from the current user. I cannot use @pnp/sp library as it's not supported with TypeScript 2.2.2 and I'm unable to ...
2
votes
2answers
46 views

Sharepoint Framework - custom webpart @ Sharepoint Online - app refers to localhost

I need to create a simple app using Sharepoint Framework - app will generate iframe with body taken from external vendor. Normally in regular HTML website I would just put tag in the head section but ...
1
vote
1answer
82 views

Sharepoint 2013 sweetalert2 ie doesn't work

I was making a small notice board for users with sweetalert2. it is working well chrome. Testing with little script trigger button its working good chrome but still not showing ie. I have to say my ...
2
votes
1answer
286 views

Create document set with REST API in SharePoint Framework

I'm looking for a way to create a document set in my document library from within SPFx web part. I'm using @microsoft/sp-http module to create HTTP requests. Do I need to manually create some ...
0
votes
1answer
96 views

Add an item to a SP list with a managed metadata column in SPFx webpart

I've a list in SPFx with a column type of Managed metadata. Now I'll add an item in that list with a web part. But how can I do this? import { TaxonomyPicker, IPickerTerm } from "@pnp/spfx-controls-...
1
vote
1answer
64 views

Selecting a date in 2nd date picker clears the 1st date picker (UI Fabric React)

I'm making a SPFx webpart and I've 3 date pickers. See images below. First I start with 3 empty date pickers (oké they looks good) Then I select a pick up date (no problems so far) Then I select a ...
0
votes
0answers
172 views

Connect SPFx webpart and SP list using dynamic data

I know a SPFx webpart can be connected to another SPFx webpart using PropertyPaneDynamicFieldSet and PropertyPaneDynamicField. My question is can a webpart being connected to a SP list? I'll connect ...
1
vote
0answers
127 views

Set TaxonomyPicker with initial values from term store SPFx

I've created a command set for creating and editing a new product and save it into a SP list. That list uses a term set for the categories. When a product must being edited, the ProductEditor ...
1
vote
1answer
112 views

Replace default “new” action to custom created command SPFX

I've created a new extension to SPFx to create a new item for a list. This contains more checks then the default action, because some fields depends on an other field. My question is now how could I ...
3
votes
1answer
46 views

Is it possible to hide a column from a user group using SharePoint Framework Extensions?

Would this be possible using a field customizer? I haven't used SP extensions yet so if anyone has good resources/documentation that would be appreciated.
2
votes
0answers
45 views

SPFX WebPart: Getting HTTPS certificate ERROR in IE11

Getting HTTPS certificate error in IE11, webpart is working fine in chrome, firefox, and Edge but NOT in IE11. The webpart is just displaying some simple list data in dropdown component, and nothing ...
0
votes
0answers
31 views

Sharepoint SPFx active toggle in list view

I'm new with SharePoint Framework and I want to achieve something like this: Github - React Field Toggle This solution is for SPFx v1.3 and in my environment (SharePoint Online) it's not working even ...
0
votes
1answer
125 views

How to add checkboxes to propertypane dynamically

I have a dropdown on my property pane which i populated with sharepoint lists. What i want to do now is to add the columns(fields) of the list(selected on the dropdown) as checkbox(on the property ...
2
votes
0answers
454 views

Sharepoint Framework Dialog, Modal and Panel not working

I have created a web part in react js which contains a Microsoft office UI fabric control "Modal" and it pop outs on a button click. This feature works fine on my local workbench but whenever I ...
0
votes
1answer
22 views

Can i restrict a App (which is deployed to our app catalog) from being added inside certain site collections

I have developed a client-side web-part by following steps simialr to those mentioned on this link Deploy your client-side web part to a SharePoint page (Hello World part 3) then i deploy the web ...
2
votes
1answer
1k views

Angular 6 and Sharepoint SPFX

Just wondering if anyone has any samples or links to instructions for running an angular 6 app on Sharepoint SPFX. I have followed this example for Angular 5 but it will not work once I upgrade the ...