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.

Filter by
Sorted by
Tagged with
0
votes
0answers
19 views

How to implement an idea board management tool in SharePoint Online? [on hold]

Can you please guide me on implementing idea board tool for my organization using SharePoint Online? I think I can use community site template, PnP,MS Flow, Power Apps and SPFx. But I would prefer ...
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 ...
2
votes
1answer
3k 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 ?
1
vote
2answers
37 views

Home page get blank when spfx webpart added

I have one custom SPFx webpart which fetches the event from calendar. the webpart is working fine but when I place the webpart on home page communication site. the home page shows blank. If i add the ...
0
votes
2answers
17 views

How can I use Yarn to download Sharepoint Framework (SPFx) dependencies, for offline use on a VM which is not connected to the internet?

I am starting to read and learn about SharePoint Framework (SPFx). My development environment is a VM on a machine that does not have access to the internet. How would I go collect all the ...
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 ...
0
votes
0answers
24 views

CSS classes added in project.module.scss not showingUp in my .tsx file in SPFx Project

Currently I started working on React SPFx webparts and wanted to add some new CSS. I added some styling to classes in Project.Module.scss. But Now when I am adding this class names in render() method ...
1
vote
2answers
811 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
1answer
148 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
22 views

How to build in-place editable modern webpart?

I'm trying to build a webpart that display tiles with custom data. I'm trying to mimic the behavior of the page banner webpart that allow to edit each tiles directly within the webpart, each tile ...
1
vote
1answer
44 views

SharePoint Framework Web Part data storage

I have some JSON that is populated when a user sets up a web part, the JSON is used as the config i don't want to display this data to the user and I cannot see any way to simply hide a multi line ...
0
votes
1answer
28 views

Is there any way to get the URL of a yammer profile user's homepage via API?

I am trying to find a way to get the link that takes you to the Yammer user's homepage. I see that the Yammer user's homepage has some kind of ID in the URL. I developing an app that will show users ...
1
vote
1answer
41 views

How to Print a Document from the Modern Library in SharePoint Online?

I have a certain use case of being able to print a document directly from the modern library using a button. Almost a one click solution. I had a quick look around and found ways to print a modern ...
0
votes
1answer
92 views

How make accordion detail list with UI fabric react

I start with UI Fabric react; I am developing a FAQ; I use for that a list; but the result is not good; I want to do something looks like an accordion, where we can see the question as a header and ...
0
votes
1answer
38 views

How show a value when clicking on a table row

I am a beginner with sharepoint and typescript, i have dynamic table, and i want to get value of row when i click on private _renderList(items: ISPList[]): void { let html: string = '<table ...
1
vote
1answer
52 views

Display value of lookup fiels on webpart

I am beginner on SharePoint framework and with TypeScript. My problem is I have a list that contains a lookup type field "categorie", When I try to get the records from the list with rest API, the ...
0
votes
1answer
832 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
757 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
1answer
120 views

SHAREPOINT FRAMEWORK - REACT JS alert on Page Load

I am new to SharePoint framework and React JS. I have build a basic Web Part with CRUD operation using React JS. I wanted to show drop-down(html select) value on Page Load in an alert. I am able to ...
2
votes
1answer
35 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 ...
4
votes
4answers
410 views

How to catch navigation event in SPFx webpart?

Is it possible to catch navigation event inside Sharepoint Framework web part? I know this is possible in application customizer using context.placeholderProvider.changedEvent, but I cannot find ...
0
votes
1answer
64 views

Sharepoint Framework doesn't run jquery in .js file

I'm starting out with Sharepoint framework and at this point I just want to play around and get familiar with the concepts. I've created webparts with the Yeoman generator and launched them in the ...
0
votes
1answer
52 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,...
1
vote
1answer
249 views

PowerApps and Flow vs SharePoint Framework [closed]

I tried doing some research on this online, but unfortunately all I could find was articles on how awesome PowerApps and Flow are. I'm curious, in the world of no-code / low-code solutions, where does ...
2
votes
1answer
520 views

Custom SharePoint List forms in SharePoint Framework

We are migrating old SharePoint 2010 On Premise code to SharePoint Online. Part of the SharePoint 2010 on premise code has custom list forms developed with visual Studio. Thought of using JSLink for ...
1
vote
1answer
250 views

sharepoint framework call async function

Help please, I'm trying to call the function to get the number of comments from the modern page, but I can not correctly display the result in the html code: private async getSitePageComments(id: ...
0
votes
2answers
64 views

SharePoint Online button to create a new folder structure in a document library

I would like to add a button that appears on a SPO Modern Document Library that states "Create a new folder structure". (see below image). When clicked I would like that button to: Prompt the user ...
0
votes
1answer
1k views
5
votes
3answers
9k 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
105 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
56 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
0answers
34 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
31 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 ...
0
votes
0answers
8 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
25 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
154 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
141 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
23 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
15 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 ...
1
vote
0answers
302 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
299 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
65 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
35 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
73 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
3k 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
970 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
419 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
2k 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
21 views

Add developer name in Sharepoint Framework Webpart manifest

Can you add developer name in manifest.json on sharepoint framework?
0
votes
1answer
37 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 ...