Questions tagged [spfx]
General technical questions about the SharePoint Framework client-side development model.
1,434
questions
2
votes
1answer
15 views
Can someone please explain what the block of code below is used for in SPFX
Can someone please explain what the block of code below is used for in SPFx?
sp.setup({spfxContext: this.props.context});
0
votes
1answer
21 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,...
1
vote
0answers
16 views
SPFX React Webpart - Problem with react boostrap
I am building my first spfx react webpart to be depoyed on SharePoint Online.
I have trouble making react bootstrap work.
What i want to achieve is to open a form in a modal when the user click on a ...
0
votes
0answers
19 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
21 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
17 views
Search result web part - formatting dates to days
I am using the SharePoint search Results web part which uses Handlebars JS.
I have two dates in these variables:
{getDate EventDateOWSDATE}
{getDate EndDateOWSDATE}}
I need to check if the 2 dates are ...
0
votes
2answers
35 views
“Modern Script Editor Feature” not available for activation from site features page
In SharePoint Online, I want to activate "Modern Script Editor Feature" from Site features page but it is not visible/available.
How to enable this feature for activation?
The below ...
0
votes
1answer
11 views
How to truncate string inside modern search template handlebars
I am using the SharePoint modern search results web part.
I am trying to truncate the Description variable so it only shows 50 characters.
{{Description.substring(0, 50)}}
{{Description.slice(0, 50)}}
...
0
votes
2answers
24 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
0answers
18 views
SPFX - Update list with a new field fails
I'm trying to deploy a new field (column) to a custom list that has been deployed using a SPFx Extension. The field gets added to the site, but it does not get added to the ContentType.
I've been ...
0
votes
1answer
12 views
Why is temp array changing my state array? Sharepoint 2019 on premise, React, Typescript
I do not know why function setHours() that should work only on tempEvent is also changing my state this.state.events (it sets hours of my dates to 00:00:00.
let tempEvent = this.state.events[i][&...
0
votes
1answer
24 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
0answers
15 views
Setting ID for <ListInstance> - SPFx Deploying SharePoint assets (custom list)
I'm trying to deploy a custom list in my SPFx project. The list is specific to the ListView Command Set I'm developing in the same project. In order for the ListView Command Set to determine that it ...
0
votes
1answer
18 views
Create a webpart with typescript / sass
I created a webpart for a footer and I have to insert an image in the footer and I can't get it to display. I am using typescript and sass. It is my first webpart!
<p class="${styles.subTitle}...
0
votes
1answer
23 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
0answers
13 views
CI Fails with : SyntaxError: Use of const in strict mode
I follow the steps here to create a build definition:
https://docs.microsoft.com/en-us/sharepoint/dev/spfx/toolchain/implement-ci-cd-with-azure-devops
locally I have Node 10.23.3 and npm 6.14.11
...
0
votes
2answers
21 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
8 views
Pass parameter to List web part (modern)
I have a SP2019 on-premises environment where I need to develop a workflow process for accepting invoices. Basically, people are adding by hand all positions of the invoice on a form, and then pass it ...
0
votes
1answer
40 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
1answer
25 views
Hide Number Count Total in SharePoint Modern Experience List
I have a list in SharePoint modern experience, and my customer wants the total count, which appears in parenthesis (), to not display.
I've seen scripts that work for 2013 or 2010, but using the ...
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
0answers
7 views
Azure pipeline build release issue
Hi All i am facing issue while using ci cd in SPO connect in release it throwing me below error
admin consent error while connect with SP)
0
votes
0answers
13 views
Navigation to a custom webpart using ID in sharepoint online
I have created a custom app for texts heading and add options for adding id to the DOM element or the given div.
Then add custom links in the page using the id of DOM eg:
sites/OperationsPeople#M
...
0
votes
0answers
8 views
Is there any api to get anonymous links from a sharepoint site?
I am not able to find any REST apis to get anonymous links information from a selected SharePoint site. That api is not yet available? I have checked in PnPJS site also, and nothing found in that.
0
votes
1answer
31 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
1answer
58 views
Uncaught (in promise) TypeError: Cannot read property 'getByTitle' of undefined
While updating item in SPFx I am getting below error:
Uncaught (in promise) TypeError: Cannot read property 'getByTitle' of undefined
0
votes
2answers
26 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
27 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
36 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
1answer
21 views
How to redirect from a TaskList to a sitepage in sharepoint Spfx
This is my Task list, how to redirect to any Site page on the click of the Task Name field?
When we are clicking on any Task Name field's value, the default form is opening as shown below:
Instead ...
0
votes
2answers
49 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
48 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
45 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
55 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
27 views
How to manage SPFx source code [closed]
I'm developing SPFx with team members and I'm thinking about how to manage the source code.
What do you use to manage your source code?
What services can I use to manage the SPFx source code?
I would ...
1
vote
0answers
26 views
Problem with Redux in SPFX [closed]
I am currently practising some Redux and now trying to implement it in a simple SPFx Counter webpart but I am facing problems.
Here is the Webpart which is a simple counter:
When I click the '...
0
votes
1answer
34 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
1answer
38 views
Problem with creating an instance of a class in SPFX(TypeScript/React)
I am facing a problem with creating an instance of a class in SPFX. I am not sure what I should put in as a parameter. The compiler complains on whatever I put as a parameter. Here is my code:
import {...
1
vote
0answers
37 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
0answers
12 views
Add SPFx based outlook add-in in Office Store
We have created an outlook add-in application using SPFX. Now we want to put this application with SPPKG in the Microsoft office 365 store as an outlook add-in. We are stuck as we have not found a ...
1
vote
1answer
41 views
Server side validation in SharePoint Framework (SharePoint Online)
I am working on a SharePoint Framework based project in SharePoint Online and using React JS as front-end library. I am also using Redux for state management and React Hooks. I want to know how can I ...
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
41 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
3answers
67 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'];
...
0
votes
0answers
21 views
Copy documents from document library A to document library B
I have a requirement to develop a solution based on SPFx, namely, copy main versions of a documents from document library A to document library B. I have tested copyto (PnP.js) but it only copies the ...
2
votes
1answer
31 views
Get page load time in modern SharePoint site
I need to run some JS script on each page in modern SharePoint online communication site so I created SPFx extension and added to the site.
One of the things I need to do is to get page loading time (...
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
1answer
37 views
Create a SharePoint List item when an Outlook/Teams/group event is created
In SharePoint Online I want to create sub-items in Document library/List and wish to reference a Teams, Group or Outlook calendar event.
Is it possible to create a SharePoint List item when an event ...