Questions tagged [spfx-webparts]

Technical questions about building and using web parts based on the SharePoint Framework client-side development model.

360 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
0
votes
0answers
13 views

Are there any new webparts available for sharepoint tabs and accordion from Microsoft coming soon?

I did watch a video from Microsoft (can't find it anymore) showing how you can create a page with accordion and tabs. But can't seem to find the link :( Anyone seen this or know something about it?
0
votes
0answers
79 views

Change date and time entered by user to different timezone in React Sharepoint SPFx

I am trying to change date entered by user to different timezone. Right now it only for default value. But I want to change the date which will be entered by user in React Sharepoint Framework SPFx &...
0
votes
0answers
43 views

Tree View Webpart for document library SharePoint Online

I'm looking for a Treeview webpart just like the one here. Does anyone know of any treeview component or example that can be used to view document libraries? Thanks
0
votes
1answer
15 views

What identifies Web Part? Solution, GUID, Alias, Name?

In the deployment process, what distinguishes new web parts from new versions of existing ones? I assumed it to be web part GUID only, but based on testing it appears that its parent solution matters ...
0
votes
1answer
31 views

SPFx - Add/Remove form fields

I need to create a custom page where the fields can be configurable. We need to create it as SPFx web part. In the property pane, we want to provision a JSON which users with proper permission can ...
0
votes
0answers
47 views

How to create a managed metadata column in SP List using REST API in SPFx webpart?

I want to create a managed metadata column in SharePoint list using REST API call from my SPFx web part. Could anyone please help me on this? Please find below code: const url = "https://test....
0
votes
0answers
17 views

Deployed webpart from azure not showing in subsites

I am deploying a webpart from azure. After the my pipelines are competed the webpart is deployed successfully in the store and I can access is from the main site. Once I try to add it on a subsite it ...
0
votes
0answers
65 views

Spfx : Cannot read property 'consume' of undefined

Spfx Error : Cannot read property 'consume' of undefined Sample Code wherte the error occured: public componentWillMount(): void { let serviceScope: ServiceScope = this.props.serviceScope; this....
0
votes
1answer
116 views

Make spfx webpart working for guest users

I made a simple hello world spfx web part by following the tutorial on the MS page. I published it, presented on my sharepoint online page and happy. But looks like, it only works for internal users. ...
0
votes
1answer
67 views

SPFX - React - list / listItem/ page is undefined in this.context.pageContext

I am creating SPFX web part with React. In which I am trying to get the current page ID on which webpart is added. I was trying to check if I can get it directly from the page context. I am getting ...
0
votes
1answer
29 views

Take site URL from Sharepoint online WebPart?

I am trying to create a dynamic Webpart that fills its data dependant on the site URL. Basically when you add the webpart to the page it will take the URL and query the data from the database. The ...
0
votes
0answers
46 views

How to detect what the site template is in SPFx?

In SPFx modern sites, how can I detect what site template it is? In a shared tenant environment, I want to be able to be able to deploy them tenant wide, but disable them on certain sites (that are ...
0
votes
1answer
20 views

How to set up SPFx customizations on a shared tenant?

I have a tenant thats shared with multiple regions from the same company. Lets say region A, B, C. Each one is doing their own customizations but its all on the same tenant. And we are following the ...
0
votes
1answer
353 views

Two Web Parts Side by Side

I am having trouble customizing my SharePoint site. I want to add multiple webparts side by side on my page but SharePoint doesn't have this option natively. You can only add them in the downward ...
0
votes
1answer
407 views

Getting Failed to load component from localhost URL when deploying SPFx webpart to SP Online

I am trying to deploy my spfx webpart (not for testing). I am using gulp clean --ship gulp build --ship gulp bundle --ship gulp package-solution --ship but getting that error <span class="...
0
votes
1answer
38 views

anchor tag href redirects to another without clicking the icon

I have made 2 tabs , in the second tab I have a datatable in which one column holds the anchor element... In the anchor element I have "href" attribute in which I have called another ...
0
votes
1answer
126 views

SPFx: Error in REST API call spHttpClient.get()

In my child component: I tried to make a rest call from spfx web part to get people results, but it throws errors. this.props.context.spHttpClient.get(query); Error: can't read property get of ...
0
votes
1answer
48 views

How to make foreach function in jquery asynchronous?

I am trying to make each function of jquery asynchronous...In sharepoint framework, I am trying to update each line item of HTML table to sharepoint list using PnP JS Core library. For this I am ...
0
votes
2answers
79 views

SPFX ClientSideAssets folder and dist folders have old code

When I build my solution, minified JS files have my old lines. Here are my steps: 1 - gulp clean 2 - gulp build 3 - gulp bundle 4 - gulp package-solution --ship file under \dist\test-web-part.js file ...
0
votes
1answer
581 views

SPFx app not showing up in the webpart list

As I am new to SharePoint Framework, I am trying to update an existing web-part (updated the version in package-solution.json). Updated .sppkg file in app catalog (overwrite), shows new version number....
0
votes
2answers
74 views

Unable to remove left navigation from a SharePoint Page

I have a SharePoint Online page created with a template, which I cannot remove the left navigation pane from. (I can edit the list of links, but I want to remove the whole pane completely). Ideally I ...
0
votes
1answer
140 views

PnP People picker - how to clear/reset/filter values in onchange event?

I could fetch the users in on change event that is 'selectedItems={this.getPickerItems}'. But how would I reset or filter values in the control based on some condition? I tried to assign [] to items ...
0
votes
0answers
25 views

function not getting called onkeypress event of the input element

I am trying to allow only numeric input in a textbox...For this I am writing a code as follows: '<input type="text" id="txtFlexibility" class="form-control input-sm" ...
0
votes
0answers
32 views

SharePoint Online quick lunch expand button doesn't always work (sometimes has to be clicked twice at least to work)

Has anyone encountered the issue, when they have expandable links in their SPO quick lunch navigation (you know, with up / down arrows to expand / collapse sublevel links, that the sub-content doesn't ...
0
votes
3answers
128 views

Add document set content type to a library using Rect and SPFX SharePoint Online modern site

I am trying to add document set content type from site collection to a library, but I am failing to do that. Please help me to solve this issue. I am trying to use React and SPFx for SharePoint Online ...
0
votes
3answers
323 views

how to retrieve image column from sharepoint list using sp-pnp-js in SPFX webpart

I am not able retrieve image column from SharePoint list in my solution using sp-pnp-js.
0
votes
1answer
42 views

crud operation using bootstrap with pnp library

I was not able perform crud operation in bootstrap form using SP PnP JS library . Below is the code: public render(): void { let cssURL = "https://maxcdn.bootstrapcdn.com/bootstrap/3.3.7/css/...
0
votes
0answers
171 views

Bind Detailed List on selection of Dropdown SPFX

I had created a SPFX webpart which bind data in Detailed list and one more component is there which is dropdown . I am unable to bind Detailed List on change of Dropdown , below is my full code , now ...
0
votes
0answers
22 views

getting document from Sharepoint Document library

Can anyone guide me to how to get document from Sharepoint Library using rest api in Spfx ,tried using below code to bind static data in Detailed List ,but unable to get rest api call ? ...
0
votes
0answers
114 views

SPFX : using the OOB filter on a modern Document Library webpart using dynamic data from a custom webpart on the same page (SharePoint online)

Sharepoint Online/SPFx wizards-> do you think this is even possible? More specifically, in the property pane of the document library webpart (moder/SharePoint Online) it has the option to toggle ...
0
votes
0answers
19 views

@microsoft/file-browser production release and support

We have started building a custom Azure DevOps Services Extension, for our Organizations, that is using the @microsoft/file-browser API to make MS Teams/SharePoint Libraries available in the ADO Work ...
0
votes
0answers
50 views

Export PnP reusable controls from SPFx library component

I am trying to export pnp reusable controls from SPFx library component by following this article: https://www.m365-dev.com/2020/04/23/export-pnp-reusable-controls-from-spfx-library-component/ But ...
0
votes
0answers
25 views

Is it possible to get calendar events from my Outlook in SharePoint workbench after gulp serve using Microsoft Graph API?

I am using Microsoft Graph API to query Outlook Calendar events and display in SharePoint site. I followed this article: https://www.c-sharpcorner.com/article/retrieve-calendar-events-using-microsoft-...
0
votes
1answer
585 views

Property 'selectedOptions','selectedIndex','options' does not exist on type 'HTMLElement'

I am working around with typescript in Sharepoint framework using No javascript approach. To get the dropdown text I am using the below code but it is not working: var dept = (<HTMLElement>...
0
votes
1answer
30 views

Not able to fetch data from particular list item of site content using React APP WEB-part

I am able to fetch the list which we see on the landing screen of the site-content. However, when I am trying to fetch data by finding a particular item by its title I get an error CANNOT FIND LIST '...
0
votes
1answer
242 views

Multiline text field JSON to array - SharePoint SPFx

I'm building a webpart application using SharePoint SPFx with react. I would like to use SharePoint's multiline text field as a way to store an array. I saw this thread here which said you can convert ...
0
votes
1answer
116 views

SharePoint SPFx - Creating comment section using textarea field

I'm building a SharePoint SPFx using react. In one of my components I want to have a comment section. Where a user can write a comment and then submit it to my Multiple lines of text field called ...
0
votes
0answers
33 views

PnP Modern Search Issue

I have downloaded the latest package (.sspkg) for PnP Modern Search and uploaded it on to SharePoint online. I have configured it and it works well on my end. Another user is getting this issue: [...
0
votes
0answers
29 views

How to use PnP caching when fetching folders or files Sharepoint picture library?

Caching is working for other calls like for getting items from lists. But I am facing problem when I am trying to use caching when fetching folders and files from sharepoint picture library. PnP call ...
0
votes
0answers
24 views

Upload function fails in custom web part on Modern Site

Category Test, Build and deployment succeed but Upload function fails on Production server Describe the bug I have re-installed all required SPFx packages on my Windows system before recreating the ...
0
votes
0answers
48 views

How to deploy from powershell script using github actions?

I am trying to deploy to siteCollection appcatalog on each push to my github repository using github actions. Saw that it's possible using Office 365 CLI action, but that only allows tenant admins to ...
0
votes
1answer
111 views

Calling render before all js files are loaded so the owl carousel is not working

I am loading all JS files using SPComponentLoader in ts file and I am using await for each load call. Even then when I debug my code I observed it goes to render() in .tsx in between, executes that ...
0
votes
1answer
124 views

Sharepoint webpart height problem

We are developing intranet using SharePoint Framework webparts. I am facing an issue with height of custom webpart (react). One time the webpart has set min-height style, which works perfectly, but on ...
0
votes
1answer
50 views

Loading a webpart inside of another webpart dynamically

I have a specific requirement to implement dynamic web-part loading. What I am trying to achieve is to have a web-part basically load inside of another. Not sure if this is possible or where to start. ...
0
votes
0answers
85 views

SPFx: Recommended Method for Retrieving Audiences Assigned to a User

I apologize in advance if this is common knowledge as I have not had any luck in finding an answer through various searches that I've done thus far. My dev environment does not have any audiences set ...
0
votes
0answers
24 views

SharePoint Framework and Promises

Can someone please help me understand some code. I am just starting to learn about SPFx and the following piece of code that I wrote is causing issues private _retrieveListItems(): Promise<...
0
votes
0answers
45 views

Updating a Dropdown when it is rendered inside DetailsList

I am rendering some Dropdown elements inside two of the columns in the DetailsList element. The items of the DetailsList are dependant on an previous selection which updates the items displayed in the ...
0
votes
1answer
253 views

Is it possible to pull on- premises SQL server data into SharePoint page using spfx

I have a requirement like , have to pull on-premises SQL server data in to SharePoint online page using spfx without importing into the SP list?
0
votes
1answer
47 views

In a SPFx Web Part, how can I extend JQuery with TypeScript?

In order for a JQuery plugin called sliderkit to work I had to add a property in JQuery's interface. I've added one line in it: interface JQuery<TElement = HTMLElement> extends Iterable<...
0
votes
0answers
45 views

internalModuleBaseUrls with --ship

I created spfx webpart, first I did gulp package-solution without calling ship, as mentioned in this article: hhttps://docs.microsoft.com/en-us/sharepoint/dev/spfx/web-parts/get-started/serve-your-web-...

1
4
5
6 7 8