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
224 views

SPFX webpart “Deploying a domain isolated package on a site collection app catalog is not supported.”

Getting an error like on SPFX webpart "Deploying a domain isolated package on a site collection app catalog is not supported."
0
votes
1answer
100 views

SPFX - Client side solutions cannot be used in this location

I am facing below issue while adding SPFx package file in App Catalog: Client side solutions cannot be used in this location. Update: I am adding package file in "Apps for Testing" library. "Apps ...
0
votes
2answers
67 views

How to find out is a current user in a group [duplicate]

I need to find out whether a user is in a group. If he is, then I could show or hide properties. I have the below code, can this be used or adapted to find out whether a user is in a 'manager group'? ...
0
votes
1answer
143 views

SPFx React REST API 403 error

I have created SPFx webpart with React. I am calling REST API to get documents from document library and it's work perfectly in workbench but in SharePoint page i am getting error 403 - Forbidden ...
0
votes
0answers
19 views

How to save permanently web-part to a Site template

Some of my web-part should be always Visible on the sites. Could You please tell me how to prepare site template to have some web-parts visible on the site. How to prepare a site which after load ...
0
votes
1answer
21 views

SP 2010 Site Collection Migration to SP 2013 On-Prem to SP 2016 On-Prem to SP 2019 On-Prem | Moving from Classic to Modern Pages

I am new to an organization that is making the move from SP 2010 to SP 2013 to SP 2016 to SP 2019. These are all on-premise versions. The site collection has almost 3500 sites. There are lots of ...
0
votes
0answers
25 views

SPFX rest api taking time to bind data on click

Hi i have wriiten function on click of button i am calling this function to bind data in table but it taking some time to bind, data also less it should not take time. i am using multiple rest call ...
0
votes
0answers
27 views

Apply CSS to PropertyPane - SPFx

I want to apply CSS to a label of PropertyPaneTextField in SPFx react webpart. I tried adding a custom .css file in Components folder and made it required in my .ts file But that did not help. ...
2
votes
1answer
25 views

Is there something like “View Customizer” in SPFx?

There is Tiles example on Github. But this is JSON Column Formatting. Is there a way to have more control above View rendering from SPFx web-part? I know field customizers can change behavior for ...
0
votes
1answer
189 views

spfx webpart react rest api

I am using REST API in my SPFx web-part and passing parameter in REST API but its not working as expected , there is some mistake in writing REST API within `` as parameter is not working: export ...
0
votes
2answers
82 views

response.json return problem - undefinied

I have got problem with response . json() return problem. I have got two methods one is Mocking List, and another is by JSON. Mock method works superb. but return from response.json() returned me ...
0
votes
1answer
28 views

SharePoint Client side web part, newly added web part does not show in web part list

I have created a webpart using SPfx, Called "Hello world" Deployed on sharepoint online. Added as an app. and droped on page. after that I created another webpart called "Test Webpart" in same ...
0
votes
1answer
37 views

Empty “URL” does not load SPFx web-part

I am creating SPFx web-part in which I am using office fabric to bind SharePoint image link (hyperlink column). Web-part works fine if all values present. If hyperlink column is blank web-part does ...
1
vote
2answers
117 views

Get\Set multiple list data form SP On-Premises site to SP online site Using SPFx webpart

I have one SharePoint On-Premises site which is accessible outside of my server. I already have few lists & libraries created on that site which I am using. I have one Office 365 SharePoint ...
0
votes
1answer
152 views

tslint.json unknown compiler option 'extends'

i try to upgrade my WebPart to SharePoint spfx 1.9.1, i follow recommandation generated by o365 spfx project upgrade --output md > report.md, but when i build my project i get two errors : [16:10:...
0
votes
0answers
137 views

SPFX Add webpart dynamically at runtime

I'm trying to render webparts dynamically at runtime. I have almost no experience with react, so this is where I'm stuck (I think). Using pnp-js I can get the webpart definition and manifest like ...
0
votes
1answer
40 views

SPFx webpart with @pnp/spfx and Angular elements not working

I have created SPFx webpart for Angular Elements using below link: https://pnp.github.io/generator-spfx/howtos/angularelements/ Getting error in npm run bundle as below:
0
votes
0answers
95 views

Getting error: “Cannot read property 'getCurrentStack' of undefined”

We have implemented kendo's editor in the SPFx react project. Code: <Editor tools={[ [OrderedList, UnorderedList], [FontSize, FontName, FormatBlock] ]} /> The ...
0
votes
1answer
469 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 ...
2
votes
3answers
61 views

How make SharePoint 2019 or Online Modern Communication Sites list view as responsive?

Is it possible to make OOTB SharePoint 2019/Online Modern Communication Sites list view as responsive? I am having a list with 10 columns. Now i am adding this list into my Communication page as ...
1
vote
3answers
124 views

get sharepoint list with pnp [closed]

I want to get a sharepoint list and assign it to my list 'items' which of type is IExampleItem, but I don't really know how to do it; I tried the following code but it gives me an error, my list '...
0
votes
1answer
140 views

Programmatically trigger flow and send properties

I want to manually trigger an external flow from my SPFx project, and at the same time send values to the flow. In flow, I have my request body: { "$schema": "http://json-schema.org/draft-04/schema#...
0
votes
1answer
299 views

SPFX Tiles webpart

Hi I am new to SPFX and react JS , i like to create Tiles webpart from sharepoint list where it will render all properties of tiles from list like icon, colour,text, I had tried using office fabric ...
1
vote
0answers
28 views

React button to open SharePoint Document Picker

I have seen and experimented with the Property Pane controls that allow you to select a document or image from a pane and was curious if anyone has seen this same capability available from a button ...
0
votes
0answers
33 views

How to add Edit webpart button in Teams tab for SPFx like this?

I want this kind of edit web part button in teams tab for installed SPFx web part.
1
vote
0answers
18 views

Question regarding webpart and reading/uploading images

Scenario: I have a Modern Webpart written in ReactJS, it allows user to filter images based on custom attributes that I have in a json file that is mapped to image file names. Currently the images ...
0
votes
1answer
56 views

SPFX: is @pnp/sp get call asynchronous?

I am new with @pnp/sp and I am having problems with my code: public render(): React.ReactElement<IVisualizadorPermisosProps> { var arbol=[]; sp.web.get().then((data)=>{ arbol....
1
vote
0answers
55 views

Drag n Drop API not working as expected

I am working on a project on which user will drag a text from webpart(e.g. webpart1) & dropping the same text into other webpart(e.g. webpart2). I am referring This link as reference . Based ...
1
vote
1answer
274 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 ...
1
vote
0answers
155 views

Office ui fabric Dropdown menu does not work on keyboard press

I have SPFX component with React library. The Dropdown menu is working fine with mouse onclick events. however, on pressing enter or space is not working. I am thinking of using eventhandlers such as "...
0
votes
1answer
129 views

SPFx web part throwing error in SP2019

I have created spfx solution by selecting option which will work in SP Online and SP 2019. I have tested this in SP Online which is working fine. Now I have moved this .sppkg file to SP 2019 app ...
1
vote
2answers
48 views

SPFX rest call response seen in network tab but I cant read it on console

I got an issue I'm doing a rest call to get columns of a list, the call success because I can see the response in the network tab of the developer tools, here is a picture: for some reason when I try ...
0
votes
0answers
68 views

SPFx packages are referencing older versions

I have created a new solution with option SharePoint 2016 onwards, including 2019 and SharePoint online. Then I have added a web part and did the gulp serve. I got below error: Now I checked the ...
4
votes
2answers
913 views

Calling external API in SharePoint framework

I am trying to call the dummy API from SPFX, but I am getting an error, Failed to fetch, this.context.httpClient .get("http://dummy.restapiexample.com/api/v1/employees", HttpClient.configurations....
0
votes
3answers
656 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 ...
1
vote
0answers
73 views

How to Render Modern Search Web part Results in Tabular format with additional metadata columns that allows to sort the results

I am using Modern Search Webpart with custom template to display the results in tabular format with additonal managed properties, which works fine. How can I make headers to act as Sortable fields, ...
1
vote
1answer
284 views

SPFX - React JS : How to handle an empty list

SPFX-ReactJS newbie here. Wondering how I should handle an empty list. I am trying to connect my web part to a list and simply display them on my web part and automatically update the page as items ...
1
vote
2answers
323 views

spfx webpart/component with position: fixed

I'm trying to create a spfx-react webpart for SharePoint Online like the feedback button on the walmart page (https://www.walmart.com right side). This works in edit mode and in the workbench (local ...
0
votes
1answer
37 views

To retrieve the list items based on todays date

import { Version } from '@microsoft/sp-core-library'; import { BaseClientSideWebPart } from '@microsoft/sp-webpart-base'; import { IPropertyPaneConfiguration, PropertyPaneTextField } from '@...
1
vote
0answers
38 views

To get the items from the list based on todays date [closed]

private _getListData(): Promise<ISPLists> { Error: A function whose declared type is neither 'void' nor 'any' must return a value. Promise iam getting an error. The above 'Error' is my ...
1
vote
4answers
255 views

function to retrieve the list item based on todays date

private _getListData(): Promise<ISPLists> { Date.prototype.addDays = function(days) { var Date = new Date(this.valueOf()); Date.setDate(Date.getDate() + days); return Date;...
1
vote
1answer
30 views

To retrieve a single list item by using current date or todays date

private _getListData(): Promise<ISPLists> { Date.prototype.addDays = function(days) { var Date = new Date(this.valueOf()); Date.setDate(Date.getDate() + days); return ...
3
votes
1answer
204 views

PnPJS - MS Graph API - how to get group photo

I am using PnPJS for MS Graph API to retrieve groups information in SPFx solution. I am able to get the groups information properly. I need to get the group photo also, since photo is not available ...
1
vote
3answers
159 views

To retrieve a single list item by using current date

I have created a list, and the list has many items. I have to retrieve a single list item based on current date. I would appreciate if some one could help me how to retrieve that particular item from ...
1
vote
1answer
443 views

Workbench issues with spfx 18.2 and react 16.8.4

I have recently updated a number of modern spfx webparts to spfx 18.2 and this morning when I try to debug in workbench (locally and on tenant) I am getting serve errors in relation to react and react-...
1
vote
2answers
199 views

Error: AADSTS65001: The user or administrator has not consented to use the application

I am trying to install webpart with permissions to users and groups in Microsoft Graph. I use "@pnp/graph" to comunicate with Microsoft Graph API. "webApiPermissionRequests": [ { "resource": "...
0
votes
2answers
428 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
201 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: ...
2
votes
1answer
476 views

spfx office fabric ui CSS is not working

I just now upgraded SPFX from 1.7.1 to 1.8.2. I have referred office fabric UI css class like ms-grid, ms-GridRow, ms-u-md6 etc... before upgrading everything is working fine. But know office fabric ...
0
votes
1answer
71 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 ...