Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
984
questions
1
vote
0answers
20 views
.JS file in SPFX WebPart: Module parse failed: Unexpected token You may need an additional loader to handle the result of these loaders
I have created an SPFx project with reactJS. I am using .jsx extension - functional components.
Now, the spfx webpart is already working fine, but I saw a material kit that I want to reuse its ...
0
votes
0answers
11 views
Fetching User's profile thorugh Graph API into webpart in SPFX
How can we fetch a user profile photo through Graph API and display into Web part in SPFX?
Here is my function to call Graph API to fetch Specific user's Profile Photo filtering through their Mail
...
1
vote
1answer
18 views
spfx-angular-elements project working correctly on workbench but not working on sharepoint page
I have created a spfx-angular-element demo with reference to the below link:
https://gonadn.medium.com/spfx-with-angular-element-crud-operations-using-pnpjs-5a8a18ed6e43
It is working correctly in the ...
0
votes
1answer
36 views
Fetching Specific User's Profile Photo via Graph API in SPFX
How can we fetch a user profile photo through Graph API and display into Web part in SPFX?
Here is my function to call Graph API to fetch Specific user's Profile Photo filtering through their ...
0
votes
1answer
24 views
Connect SPFx to an OOB SharePoint List webpart
I have this scenario. My page consists of two web parts:
the first is standard Modern List web part;
the second is SPFx web part
Based on a selected item in the first web part a user should be able ...
0
votes
1answer
23 views
Using Filter Query in Graph API to fetch the particular users
Current code:
public render(): void {
this.context.msGraphClientFactory
.getClient()
.then((graphclient:MSGraphClient): void=>{
graphclient
.api('/users')
.filter('Department eq IT')
.get(...
1
vote
1answer
49 views
Unable to style the Label Color of a Office UI Fabric React Drop Down Control
I am creating an SPFx 1.11 web part where I have imported Dropdown, IDropdownProps, IDropdownOption from office-ui-fabric-react as:
import {
Dropdown,
IDropdownProps,
IDropdownOption
} ...
1
vote
1answer
31 views
SPFx: Min Width headers SharePoint Document Library web part SharePoint Online
I am new to spfx but not to SharePoint. Has anyone been able to get min width to work for headers for all users in a Document Library view web part? I need to show all documents from a view and need ...
1
vote
1answer
45 views
SPFX React npm WARN tar ENOENT: no such file or directory
I am trying to work on this react list form link , but when i try to do npm install i am getting all these errors below, i checked an article where they mentioned delete package-lock.json file but ...
0
votes
1answer
67 views
Getting “Access token validation failure. Invalid audience” for Aad application in spfx
I have created one AAD application with below configuration and trying to access the Graph APIs added in the AAD application using SPFx
SPFx configuration and code:
Error:
Please suggest if I am ...
0
votes
1answer
15 views
on my SharePoint local Workbench, the ribbon won't show up and I don't know why
I'm currently working with the local SharePoint workbench and it looks a little weird, because the ribbon with the text SharePoint Workbench is not visible and I don't know why.
I hope that you can ...
0
votes
0answers
55 views
Get files and folders from a SharePoint Library to Popup container
I would like to show folder/files on Popup container, i am using api call to fetch the folders/files and it is not displayed on container anything wrong here.
Under Test folder I have folders/files. I ...
0
votes
0answers
16 views
SharePoint 2019 not getting all recurrence events in calendar
I am getting events with the help of a query and it is working ok. But I only get one item from the recurrence item even though I have <ExpandRecurrence> tag set to true. What am I doing wrong? ...
0
votes
1answer
25 views
is there a way to host latest SPFx on SharePoint 2019?
I know that the supported SharePoint Framework version for the SharePoint 2019 is SharePoint Framework v1.4.1 but I wonder if there is a way to bypass this ?
For example:
Can I upload the js files in ...
1
vote
2answers
26 views
filter data for more than 5k items through pnpjs SPFx
Here is the situation :
I have a list with 50k items.
I have to get data from that list with a filter on status column (Status = true).
So basically there are items with status true/false.
When I ...
0
votes
0answers
11 views
SharePoint client-side web part and access control for unmanaged devices
I have access control for unmanaged devices set to "allow limited, web-only access" which seems to break my SharePoint custom client-side web part.
Is there any way around it? I still need ...
0
votes
0answers
13 views
SPFX Reactjs apply filters(Dropdown) to the card of contents
We have a requirement to filter the card of contents in a page using the filter dropdowns, initially the card of contents will be loaded without any filter.
But if user selects a filter and click on ...
1
vote
1answer
72 views
Add a custom CSS/JavaScript to the site's home modern page in a supported way
I am working on a modern team site >> and for the home page ONLY, i want to:-
Hide the Site navigation bar, left-hand side navigation, page title and modify the float to remove the white space ...
0
votes
0answers
95 views
Gulp bundle --ship: The build failed because a task wrote output to stderr error
I'm building a SharePoint SPFx and randomly when running gulp bundle --ship I get the following error:
The build failed because a task wrote output to stderr.
Exiting with exit code: 1
I saw this ...
0
votes
0answers
20 views
MS.Utitlity.Event Error while deploying SPFx WebPart to Appcatalog
i try to add a client-side webpart (spfx) to SharePoint 2019 on-premise appcatalog. We have two webapps running under the same account. On one webapp everything works like charm on the other one i got ...
0
votes
0answers
33 views
SPFX Web Part, site themes and section backgrounds - automatically apply the correct theme variant to the web part
SPFX web parts developed using the Office UI Fabric / Fluent UI components are out-of-the-box site theme aware. The colors used by the components automatically change to reflect the current in use ...
0
votes
1answer
26 views
Problem with REST Api
I have writen a URL for REST API:
/_api/web/lists/GetByTitle('KomorkaOrganizacyjna')/Items(1)?$select=Title,MPK,Skrot,Informacje_o_komorce,Prze_x0142_o_x017c_ony/Title,Kierownik/Title,...
0
votes
0answers
20 views
I Have got List of workers and menager in list wchich I read by REST API
What Should I Write in declarations and in return code to get this users name and photos. Here is REST returns:
What should I change to get users name and surnames and photo os users ?
And here is ...
0
votes
1answer
27 views
How to get SharePoint users from list by Rest API
I have written my app, in SharePoint Framework, but in link I have got only name of list. How can I get user name and Surname of editor and creator?
I want to have all user data. How can I get it by ...
0
votes
1answer
55 views
Custom web part which downloads a file from SharePoint document library
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 download the file. Currently I ...
0
votes
2answers
36 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
33 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
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
25 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
38 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
84 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
29 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
54 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
32 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
27 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
34 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
52 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
64 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
50 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
55 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
75 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
40 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
41 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
39 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
81 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
45 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
20 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
84 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
44 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
80 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' ...
