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 ...
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(...
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
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
19 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
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
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
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
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. ...
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 ...
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 ...
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 ...
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
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
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 ...
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
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
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, ...
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 ...
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
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']; ...
1
vote
1answer
50 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
77 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
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 ...
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 ...
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 ...
2
votes
1answer
57 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
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 ...
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?...
1
vote
1answer
95 views

Filter based on date only, not time | PnP JS

I am using PnPjs to query a SharePoint list. I am using this code: let today: string = (new Date()).toISOString(); today = `${today.substring(0, today.indexOf('T'))}T00:00:00Z` let results = await sp....
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
73 views

how to use Fluent UI HoverCard in SPFX Webpart

In my current project there's requirement to show more details when hovering on a read more HTML span, where specified functionality is to show Fluent UI HoverCard with all the details, I am trying to ...
0
votes
0answers
19 views

Microsoft Teams Tab is not able to fetch SharePoint List Data

Is there any way, so that my "Teams Tab" could fetch the value from SharePoint list's data? I have used SP PnP JS library in SharePoint SPFx to build this solution. I have Sync this ...
0
votes
1answer
62 views

How to enable promoted results in modern pnp search app search result

How to enable promoted results in modern pnp search app search results? MS Search showing the promoted results are first.
1
vote
0answers
20 views

Initialising spfxContext for a different user in pnp/sp

I'm trying to build an spFx app, that uses a different user to access lists and libraries than the logged in user. The logged in user won't have the permissions to access the lists directly but only ...
0
votes
2answers
109 views

Fluent UI no theme in SpFx

I'm currently working on my first SPFx project using Microsoft's Fluent UI React. I tested my solution in the local workbench and everything seemed fine. But as soon as I release it to the app catalog ...
0
votes
1answer
50 views

SharePoint Online and adding an interactive page (Javascript)

I haven’t developed in SharePoint for a while and trying to gain some knowledge on how to create a interactive SharePoint Online page - either classic or modern. The requirement is to display/edit a ...
0
votes
1answer
27 views

VideoPlayer using React and Typescript

Being new to typescript , I have been struggling with its implementation lately using it on the webpart.tsx file With the help of the posts here , was able to get to the point where the video plays ...
0
votes
2answers
352 views

How to use the latest set of Fluent UI icons for SPFx?

I am using the code from here https://developer.microsoft.com/en-us/fluentui#/controls/web/icon which is import { FontIcon } from 'office-ui-fabric-react/lib/Icon'; <FontIcon iconName="...
0
votes
0answers
11 views

Component Inheritance from Property Pane

I want to know if it is possible for other react components created within the spfx project to inherit property pane properties from the root class and if yes how does one go about it???
1
vote
1answer
216 views

open another teaching bubble on click of heading in Teaching bubble

First Teaching bubble as per your example import * as React from 'react'; import { MouseEvent } from 'react'; import { DefaultButton, IButtonProps } from 'office-ui-fabric-...
0
votes
1answer
126 views

Creating items or updating items inside folder in sharepoint list in SPFX typescript using PNP or spghttp client

I was trying to creating an SPFX solution using React where on submit of form I am saving multiple items inside a folder in SharePoint list. I understood how to create folder inside SharePoint list ...
0
votes
1answer
17 views

Hide SharePoint sppkg from site contents

How do we hide all the solutions deployed in a site from site contents? I am structuring my solution to have separate project for each web part. So far I have 7 web parts each deployed with a ...
1
vote
1answer
39 views

Update List in List view webpart based on url parameter

Is there any way to dynamically update the list in the 'list view web part' based on the url parameter? My requirement is- I have a sharepoint modern/classic web page, in that I have to display list ...
0
votes
1answer
59 views

SPFX Package Error in SharePoint

We are getting the below error while trying to deploy SPFX webpart in SharePoint. We are using SharePoint 2019 On-premise. When generating the package it does not generate any errors but when I upload ...

1
2 3 4 5
20