Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
703
questions
0
votes
0answers
197 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
208 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
240 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
674 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
98 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
71 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
36 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
690 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
124 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
38 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
434 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
40 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
31 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
95 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
301 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
25 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
488 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
199 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
67 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
75 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
66 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
99 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
29 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
65 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
35 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
29 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
244 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
203 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
142 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
116 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
305 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
76 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
48 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
393 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
379 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
149 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
111 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
147 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
197 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 ...
0
votes
0answers
116 views
web part uses default values instead of new value from propertypanetextfield
I am using a react web part. I don't understand why my web part is using the default value instead of updated value from the propertyPanetext field. Isn't this behavior supposed to be reactive. There ...
0
votes
0answers
129 views
SPFX: Custom action to move bulk document from one library to another and adding metadata to these files
My scenario: I need to be able to bulk move files from one library to another and also bulk add metadata to those newly move files.
I thinking of creating an spfx/react application or any method is ...
0
votes
1answer
242 views
SPFx and WebPart - failure : Not deployed on my site, not added in site content but still usable?
We have programmed a Survey WebPart for a customer.
But, drum rolls please, .... it does not work as it is expected to.
Let me explain :
We created the customerWebparts.sppkg with Visual Studio ...
0
votes
1answer
237 views
Can I add an item in a predefined list via listview command set(Sharepoint Framework Extension)?
Using SharePoint Framework extension, I have a list command set for a document library in SharePoint online.
On this button being clicked, I want to add an item in a predefined list in sharepoint ...
0
votes
1answer
346 views
spfx peoplepicker- change state on remove suggestion
I want to change a state when the user remove a person from people picker?
<NormalPeoplePicker
onChange={this._onChange.bind(this)}
onResolveSuggestions={this....
0
votes
1answer
254 views
How to default select user in People Picker?
I want to set default selected user on people picker?
<NormalPeoplePicker
onChange={this._onChange.bind(this)}
onResolveSuggestions={this._onFilterChanged}
...
0
votes
1answer
68 views
spfx MSGraphClientt
I need to write a webpart, which shows data from the MS Graph.
I wrote this example code
import { Version } from '@microsoft/sp-core-library';
import {
BaseClientSideWebPart,
...
0
votes
2answers
314 views
SPFX Web Part Disappears on Save
I have a weird issue. In this one web part, it works when I add it to a page. But it disappears once the page is saved. Additionally, web part properties for the web part also don't persist. Once a ...
