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
0
votes
0answers
20 views

Custom web part which downloads a file from SharePoint document library

This is a simple question. I need to make a custom web part which can download a file from a SharePoint document library. I created a web part which contains a download button. The button should ...
4
votes
1answer
1k views

Using ADAL with SharePoint Framework

I've setup a web part with SharePoint framework that requires access to the Microsoft Graph for displaying the recently used files. I've followed the instruction here: https://github.com/SharePoint/...
0
votes
2answers
23 views

Graph Api call with filter query

How can I filter the API call dynamically passing through variable? I am getting value in this variable through another API call: var userid; this.props.context.msGraphClientFactory.getClient().then(...
1
vote
1answer
587 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 ...
0
votes
1answer
21 views

Get selected value of fabric dropdown

I want to get value of selected dropdown in my Visacontact() function, below is my code: <Fabric className={styles.matrix2}> <VirtualizedComboBox styles={comboBoxStyles} ...
0
votes
1answer
30 views

App catalog - Site collection vs root site collection scope question

I have a SPFx web part which I downloaded from Images and Videos in a Carousel. I don't have access to the root site collection app catalog so I added it to a site collection catalog I newly created. ...
2
votes
1answer
63 views

onDisplayModeChanged not called when client side page changes display mode

I have a web part that use onDisplayModeChanged to handle different content based on edit mode end view mode - and they have worked fine for months - until some days ago. MS doc: https://docs....
0
votes
1answer
22 views

How to change web description in SPFx React webpart?

I'm writing an SPFx web part using React. I can get the description of the current web like this: let desc = this.props.context.pageContext.web.description; But how can I change the web description? ...
0
votes
2answers
28 views

How to check logged in user has access to a another SharePoint site or not using REST Api?

I am developing a web part, where I need to check logged in user does have access to few SharePoint sites(SiteA, SiteB, SiteC) or not. I am following currently below approach. I am passing each site ...
0
votes
2answers
22 views

how to fetch all Planner Task in SPFX through Graph API

On the basis of outlook task example give here, I am trying to fetch all task/plan in planner associated with a user. I am not sure if it is the right approach / set of code to fetching it. While ...
0
votes
2answers
17 views

Passing variables in Query string in tsx file (react +typescript)

I am trying to pass plainid and id as a parameter in query string in URL. {planid = item.planId} { id =item.id} <td><a href="https://tasks.office.com/credentinfotech.com/en-GB/...
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
1answer
30 views

SharePoint SPFx webpart not showing latest build

I'm building a SharePoint SPFx react webpart. I'm developing on a local level using workbench with a link similar to this: https://mysite.sharepoint.com/sites/sitehere/_layouts/15/workbench.aspx#/ ...
0
votes
0answers
35 views

is it possible to use crawled or managed Properties in pnp/sp-dev-fx Modern Script Editor Webpart?

I created a html/js gantt chart and would like to use a sharepoint list to update it. is it possible to use crawled or managed Properties in the Modern Script Editor Webpart like you can with the ...
0
votes
0answers
26 views

PnP FieldUserRenderer control and value prop

I developed a web part where I am using FieldUserRenderer control and the field does not completely work how it should be based on documentation. In my case, when I hover the mouse pointer on the ...
0
votes
2answers
25 views

SharePoint SPFX Webpart, Create a callable function that gets user information from the Graph API

My organization is currently using the https://github.com/pnp/sp-dev-fx-webparts (React-Script-Editor) webpart on several of our SharePoint online site collections to enable the functionality we had ...
1
vote
2answers
34 views

Are there any good SPfx tutorials, guides and examples?

Since SharePoint 2019 doesn't come with certain features out of the box, eg. Column headers that stay in place while scrolling, I am in the process of learning SharePoint framework. Are there any good ...
4
votes
1answer
912 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 ...
0
votes
1answer
81 views

pnp/sp-dev-fx-webparts Modern Script Editor Webpart page reloading issue

I'm using the Modern Script Editor Webpart from pnp/sp-dev-fx-webparts GitHub. Installation and deployment all went fine and I can also execute JavaScript code on my sample modern teamsite. Here's an ...
0
votes
2answers
45 views

Expand All and Collapse All functionality on Button Click

I am using the PnP SPFx Accordion control in my SPFx solution I want make all Accordion Expanded and Collapsible on button Click. Below is my one accordion I am changing the state on button click but ...
0
votes
1answer
46 views

SPFx - How to create a custom WebPart Property for a selectable link

I am very new to creating web parts and property panels in spfx. I have gone through hello world, all the MS documentation, but the thing that is missing is the ability to link/upload to a file/folder ...
0
votes
0answers
47 views

SharePoint multiline view-column formatting to create chat

I'm building a SharePoint project using SPFx and PnPJS. In my SharePoint list I created a multiline field. And in the column formatting section I added this snippet here: https://raw.githubusercontent....
0
votes
3answers
3k views

getting current logged in user in SP list

I have made one webpart using spfx, on submit button its values are pushing in SP list but in SP list I want user who is currently logged in, its value should come in one of the field of Sp list, how ...
0
votes
1answer
41 views

SPFX File upload to List

This issue is related to a No Javascript Framework SPFx webpart with RestAPI on Sharepoint 2019. The webpart contains a 'text' and 'file upload' fields. The aim is to fill in the text field, select a ...
1
vote
2answers
779 views

How do I find the Tenant ID of my SharePoint Online Account using SPFX

I want to get Tenant Id of my SharePoint online site using SPFX. Is there any way to get it?
0
votes
3answers
3k views

SPFX open new list item using modal dialog

The code below opens a new item in Iframe/modal dialog. But when the user saves or closes the modal form i would like it to be closed and not redirected to any other page. Is there any way I can ...
0
votes
1answer
31 views

SPFX radio button click to update label value

I have SPFX no framework web part in SharePoint 2019. I am having trouble automatically calling a function when the radio/checkbox button is clicked within the form. Here is a radio button within the ...
1
vote
1answer
1k views

SharePoint Framework ( SPFx) is it possible to create custom HTML page

Just started learning SPFx, so had many queries. First of all In SharePoint Framework ( SPFx) is it possible to create custom HTML page and make that as default landing page for add in. So that we ...
1
vote
1answer
1k views

Taxonomy Field Values/Filtering with SPFx

I'm looking for some examples or guidance for working with taxonomy fields in SharePoint Framework. What I need to do is have a field that is tied to a TermSet. Based on the user's input into this ...
1
vote
0answers
35 views

Add SPFx to Angular Page

My organization has a site completely designed in angularJS(Not designed by me). Now I have designed a web part using SPFx which I want to add to the existing site. The web part layout is also ...
0
votes
1answer
26 views

Need guidance to create React SPFx webpart with nested dynamic content

I am working on a scenario where we have a top level SP online site 'Top1' and it has subsites for each department say dept1,dept2,dept3.Each department has specific request list and and respective ...
0
votes
2answers
61 views

Newly created SPFx web part using react framework gives error with SharePoint online workbench while testing

I have just created one SPFx web part with react framework. I tried testing through SharePoint online workbench (https://demo.sharepoint.com/sites/test/_layouts/15/workbench.aspx). I am getting an ...
0
votes
2answers
39 views

Exception in String type error on SPFX with JQuery

I really need help to resolve Type error encountered on this function in SPFX with jQuery. Here is the function, The return statement is failing: var addFile = function (fileTitle, fileName, fileType, ...
1
vote
1answer
1k views

Cascading dropdown list in SPFx web part

Can someone help me with this issue as I would like to create cascading dropdown lists inside the web part itself and not in the property pane. I have found this code in [github react-...
0
votes
3answers
64 views

While setting up new SPFX environment getting Error of unsupportability

I am trying to set up an environment for SPFX development. I tried to install the latest version of nodejs. I installed latest version of nodejs 14.15.4 and automatically npm verion 6.14.11 installed. ...
2
votes
2answers
3k views

Get current user's user group in SPFx WebPart

How can I get the sharepoint groups the current user is a part/ belogns to, without @pnp/sp js framework in SPFx ?
0
votes
0answers
15 views

Iterate nested array of objects and append children to a particular object using jQuery/React

Iterate nested array of JSON objects and append children to a particular object using jQuery/React We are trying to create a tree view navigation using PnP react TreeView control for SharePoint ...
2
votes
2answers
41 views

Not able to insert data into TaskList In sharepoint Spfx

Using SP-Pnp-Js Library, I am not able to insert data from a webpart into the sharepoint Tasklist. private SubmitWorkflowForm(): void { var TaskNameVal = document.getElementById('taskName')['value']; ...
3
votes
3answers
1k views

Is it possible to open modern item edit form panel from custom SPFx webpart?

Is it possible to open EditForm panel from my SPFx webpart? Something like in list view, if an item is selected, side panel appears with read-only properties and a button "edit all" enables user to ...
3
votes
3answers
148 views

Share “node_modules” folder between webparts

Here is my scenario: I have 7 different webparts In order to have more control over the projects, I have split them in different projects All of the projects were created using the Yeoman installer ...
0
votes
0answers
50 views

SPFx Play HTML5 Video dynamically on a webpart

We are developing a webpart That has a textbox where we supply a Video URL This would fetch the Video URL from a SharePoint list on button click and set the SRC of the Video Element. Code function ...
1
vote
1answer
49 views

SPFX No Javascript Framework

I am encountering the below error and would welcome any information to resolve the issue: SharePoint 2019 SPFx webpart with No Javascript Framework PropertyPaneFieldType'.\n Property 'DynamicField' ...
0
votes
2answers
69 views

Promise is missing properties

When I try to create array, to put the results in the array, then I get the following error message: const allItems : any [] = sp.web.lists.getByTitle("Documents").items.get(); Type '...
0
votes
0answers
15 views

Intercepting Query String Changes in Web Parts -Error when traversing between items in Left nav (SPFx Webparts)

I am working in Sharepoint online 2019 with SPFx Webaparts. We had a requirement to change query string (added filter) in application spfx webpart with kendo grid. It got changed in URL but the grid ...
0
votes
0answers
37 views

Getting Manifest not found for component id errors when adding a custom SPFx webpart to a site

For my SP Online instance, I made a SPFx webpart and when I deploy it to a site, I get the following. I did a non-tenant wide install to the tenant app catalogue. And then I installed the app on my ...
2
votes
1answer
56 views

SPFX Webpart width shrinked after published in Modern Page - SharePoint Online

Developing SPFX app, where everything looks good(I mean the width) in edit mode, soon after publish the webpart width is getting reduced somehow. Using Fabric UI CSS .propertyDigitalManagementWebpart ...
0
votes
1answer
819 views

Getting SharePoint news using rest API in SharePoint Online

Is there any rest API available to get the recent updates or news related to a site in SharePoint Online? How To Read The SharePoint News Using Rest API In SPFx I have found above post but it does ...
1
vote
2answers
766 views

SharePoint Framework/ issue/ drop down change event on web part/

I want to use drop down control on SharePoint framework webpart(done) and on change event to call some method/ some rest api and so.but it is not allowing. I did not find any article where spfx web ...
0
votes
2answers
25 views

Can GraphAPI be used to create item to list using SPFx, even if Current Loged-In user have have only Read Permission on list?

With SPFx can item be created in a list using GraphAPI if User have only "Read" permission on list? Will granting delegate Permission to SPFx solution with Sites.ReadWrite,Site.All will work?...
0
votes
0answers
17 views

How to prioritise loading of one web part in SPFx?

I have a SharePoint modern page on which I have a couple of web parts installed. The web part on top is a carousel that needs to be rendered first. The problem I am facing is that when the page is ...

1
2 3 4 5
20