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
2answers
187 views

Display Rich Text in SharePoint Online

I am trying to display the rich text in a list item . I tried using the JSON formating, but it does not seem to have any support for "Enhanced rich text". The txtcontent converts the rich text to ...
0
votes
0answers
94 views

New spfx web part (1.4.1) requests WsaUpload.ashx, gets 403

I just generated a new web part using the Yeoman generator for SPFx 1.4.1, and am debugging it in the hosted workbench. We are using SP2016, On Prem. I am seeing console logging that looks like this: ...
0
votes
1answer
53 views

Why I am not able to authenticate with Microsoft Graph Explorer through Sharepoint Custom Web Part only in Edge Browser

I have deployed a custom web part on sharepoint online, in which I am authenticate with Microsoft Graph Explorer. It is authenticated through Sharepoint Custom Web Part successfully in Chrome, IE and ...
0
votes
1answer
70 views

SPFX create and use an array

As a newbie to SPFx, how do I create and use an array? everything I've tried fails to populate the array. let CustomerList: Array<any> = ['1', '2', '3']; let array1: any = ["Panda", "Zebra", "...
0
votes
1answer
54 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

Getting Minified React error #31 when trying to view SPFx webpart in Internet Explorer 11

We have SPFx webpart on version 1.8.2 using React version 16.7.0. When we test the webpart on Google Chrome it works perfectly fine. But when we test it on Internet Explorer 11 it shows error in ...
0
votes
1answer
14 views

Call child component method in parent and visa versa

how can I call a parent components methods from child or visa versa. I'm using reactjs and typescript in spfx webpart. Or should I use helper classes to call methods of another classes from anywhere?...
0
votes
1answer
125 views

Get another user info using PnPJS with SPFx

I want to get a list of items from a SharePoint list, and display them in a specific way in SPFx webpart. I could use PnPJS to get Text and Number fields, but for the Author field, I am only getting ...
0
votes
0answers
113 views

SPFX PeoplePicker value and retaining initial selection

Looking to see what is going on here, I've recently started using React JS in Modern SPFX Web Part development and have come across a bit of an issue with the @pnp js SP React Control for ...
0
votes
1answer
22 views

Sharepoint sp start kit webparts question.Is there a script/content editor webpart?

I have provisioned the starter kiton my tenant and its really impressing with some additional webparts included. see below https://github.com/SharePoint/sp-starter-kit But can we still get the ...
0
votes
0answers
138 views

Making a div full screen in SPFx webpart deployed in SharePoint Online

I need to make a div full screen (in web page) and for that I am using CSS. .divFullScreen { display: block; z-index: 9999; position: fixed; width: 100%; height: 100%; top: 0; ...
0
votes
1answer
149 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 ...
0
votes
0answers
505 views

Show Modal dialog in full page SPFx

I have created a web-part which search the images from library and shows the result. when I click on image it should show in the popup as preview however it shows withing the iframe only instead of ...
0
votes
0answers
67 views

Using Sharepoint PnP to get SchemaXml and use it while provisioning an SPFx List Instance

I am creating an SPFx Web Part that will provision a list instance upon installation. I have successfully created and provisioned a basic list, however i cannot seem to customize it by altering the ...
0
votes
1answer
59 views

SPFX Web Part Error

I am following below MS article to practise jquery integration with SPFX. https://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/add-jqueryui-accordion-to-web-part Getting below ...
0
votes
0answers
26 views

Get ADFS claims using JavaScript

Anyone using ADFS with 2016. We would like to get users claims in a SPFX webpart or with JavaScript. Can't find anything on the topic
0
votes
2answers
476 views

Sharepoint online rest api is returning xml instead of json

I have the following code this.context.spHttpClient.get( `${this.absoluteUrl}/?$select=Title&`, this.config, { headers:this.getHeaders, }) .then((response: ...
0
votes
1answer
105 views

Problem with SPFx TypeScript json.value.map(k,i) & query via getuserbyid()

Firstly I'll start with extra question: I'm trying to get data by _api/web/getuserbyid() API call in code. Do You guys know why there is no option for filtering by query for specific data? I mean by: ...
0
votes
0answers
32 views

Problem to see webparts with users without privileges

I'm using sharepoint online webparts created with react I'm developing webparts for sharepoint, at first I tried with an empty webpart, just the auto generated one with yo @microsoft/sharepoint, ...
0
votes
0answers
297 views

SPFx TypeScript json response from spHttpClient as array

i want to get data to WebPart from the SharePoint list. but some of the data are eg. PeoplePicker or Multiple line of text and I have result shown as: <div class="...
0
votes
1answer
32 views

SPOnline: After including feature/asset deployment to my SPfx WebPart I can't put it on any SitePage

I'm trying to add some provisioning function to my SPfx WebPart Project on SharePoint Online. The Problem is that as soon as I put the feature information to my package-solution.json the configured ...
0
votes
1answer
30 views

Cannot delete the App added in Site Contents

We added a SPFX App in a SharePoint 2019 on-premise environment but somehow got an error. The problem is we cannot remove the app from the Site Contents. What possibly is the cause and how can we ...
0
votes
0answers
82 views

How to use HoverCard of Office UI Fabric in Custom SPFX People Webpart

How to use HoverCard of Office UI Fabric in Custom SPFX People Webpart? I am developing a custom SPFX webpart where i would like to mimic the behaviour of the current modern 'People' webpart ...
0
votes
0answers
236 views

Adding an Spfx client side webpart on a classic page

I am on SharePount on-premise 2016 with "September 2017 Public Update for SharePoint 2016" deployed and the configuration database is greater than 16.0.4588.1000. The site is running on https I ...
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
1answer
324 views

SharePoint SPFx webpart - gulp trust-dev-cert Error

i try to create a webpart using SPFX: after running successfully : yo @microsoft/sharepoint Gulp version: gulp -v CLI version 2.1.0 Local version 3.9.1 node version: v10.15.3 i run : gulp ...
0
votes
0answers
171 views

SPFx extension samples not showing

I've tried several samples SPFx extensions. All samples have the same outcome when it comes to testing (gulp serve) after following the instructions on the samples page. Most of them just require ...
0
votes
1answer
46 views

Is it possible to submit/put or publish Share Point Modern Apps (SPFx) web parts in the Microsoft Store?

Is it possible to submit/put or publish Share Point Modern Apps (SPFx) web parts in the Microsoft Store ? The solution package (.sppkg) build with SharePoint framework . What is the Microsoft ...
0
votes
1answer
61 views

SharePoint Framework: How to build overlapping web parts?

We have two web parts which are supposed to be used together. One can be placed above the other. The upper web part allows a drop down to be opened. The problem: this drop down opens under the lower ...
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
1answer
67 views

How to load mutiple SPFx webparts in single page simultaneously

We have a home page where it contains 6-7 SPFx webparts built with 'No JavaScript Framework'. We need to load all the components in the Home page simultaneously since now it is loading One by One ...
0
votes
0answers
20 views

Stop Property Pane closure on validation fail

I am looking to find out the correct way to stop Property Pane closure or update on validation fail. I can't see anything in the SharePoint documentation and am thinking one way to do it would be to ...
0
votes
0answers
27 views

What parameters need to be listed for HTTP Request

I need assistance to determine what the 'Request Body JSON Schema' should be, to allow Flow to trigger via HTTP request to pass the List Item ID as a query string parameter. I am working on a list ...
0
votes
0answers
59 views

List recently access documents

I am trying to develop a web part the lists the logged on users recently accessed documents, as per the home page of www.office.com, and the recent documents tab. I originally thought this ...
0
votes
0answers
33 views

SPFx Web part not retaining the Property values

I have a SPF'x web part (SPF'x V1.1 as its for On premise) which has 2 string type of properties. It was working fine in my QA environment. But in Prod, The properties not retaining the values. I have ...
0
votes
0answers
24 views

provider hosted Add-Ins and provisioning modern pages

I am doing a a review on various (classic) sites, to see how much work is needed to migrate these to modern communication, team and hub sites. I found a load of provider hosted apps available for the ...
0
votes
1answer
186 views

Access other Site collections in SPFx web parts

We have a requirement to convert one of the existing provider hosted app functionality to spfx webpart. The provider hosted app implemented using App only calls to access other site collection in the ...
0
votes
1answer
148 views

MSGraph with spfx WebPart does not propt user for permission

I am expermimenting with people in MSGraph. I am attempting the "/me/people" graph call and getting a 403 forbidden. The People.Read permission states it does not need Admin Consent. People ...
0
votes
0answers
116 views

Error loading SP-webpart-workbench during SPFX webpart tutorial

I have been trying to walk through the tutorial "Build your first SharePoint client-side web part (Hello World part 1)", and I have found it to be quite troublesome. I've worked through many of the ...
0
votes
1answer
93 views

Calling MS Graph API: An error as soon as declaring the MSGraphClient

I have imported the MSGraphClient in my project using the following statement: import { MSGraphClient } from '@microsoft/sp-client-preview'; I have also added those two import statements, as I will ...
0
votes
0answers
253 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 ...
0
votes
0answers
61 views

Unable to print result in spfx react (got the data)

Getting data from SPFX React (json) - this.state = { testProperty1: "", hideDialog: true, showModal: false, items: [ { Id: "", title: "", ...
0
votes
1answer
45 views

Sharepoint PnP & SPFX React [duplicate]

While binding the data always getting extra row ... {this.state.items.map(myitems1 => { return ( <div key={myitems1.Id}> <span>{myitems1....
0
votes
1answer
293 views

A service principal with the name User Details Custom API for SPFx

I am consuming an Azure API app in a SharePoint Online react app. I am following this article. But when I try to approve the app permissions on the API management page (SharePoint admin centre). I ...
0
votes
1answer
283 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 ...
0
votes
1answer
129 views

SPFx - Accessing/appending markup that has been entered in via a property pane text field to webpart

I am currently working on an SPFx webpart. Within my property pane I have: PropertyPaneTextField('CreateNewVerticalNav', { label: 'Create New Vertical Nav', multiline: true, ...
0
votes
0answers
95 views

package error when building spfx webpart

I am using the following breadcrum sample. To reproduce the error use command: gulp serve Error I got: ./src/extensions/siteBreadcrumb/SiteBreadcrumbApplicationCustomizer.ts Module parse failed:...
0
votes
0answers
13 views

while New list createion in SPFx issue

I am using SPFx in my project for project createion. While adding project in my List, new 10 dynamic list created using SPFx in backednd it takes 30 second to complete the opertaions. Client ...
0
votes
0answers
139 views

How to load all SPFx webpart on a page after a rest call complete?

I am making a rest request to get user groups and that is required in each SPFx webpart to do some further operation. Scenerio - If 6 SPfx webparts are added on a page and each SPFx webpart is ...
0
votes
0answers
165 views

Update file metadata in an spfx webpart

i am trying to update a file properties that i have just uploaded. Once the file has been added to the library,i am doing another http request to get the file properties but it is not working.i can't ...