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
1answer
304 views

SharePoint Online search customization with SPFx

I am planning to develop a SPFx WebPart for SharePoint online search, this should be exactly the way we used to customize the display template in SharePoint On-Premise search, could someone please ...
0
votes
1answer
33 views

How to customize SharePoint main content using SPFX [closed]

I'm using spfx extensions to customize header and footer, but not customize body content or main content of page in sharepoint online.
0
votes
1answer
342 views

How to check folder permissions using pnp/sp library in spfx web part?

I am developing one SPFx web part wherein I am showing all the folders which the logged-in user has access to. And I have a couple of folders in one document library(IT Docs) and some of the folders ...
1
vote
0answers
243 views

Sticky Header in SPFx webpart

I have a SPFx webpart where I am using "DetailsList" to bind search data, I want to make header sticky while person scrolls the webpart, I have a search bar then dropdown and then grid in ...
0
votes
0answers
33 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
155 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
60 views

How do I update a SPFx App in Dev without updating Staging or Prod?

Ok, I did a change in one of my SPFx web parts, incremented the version in package-solution.json file and deployed the app in the app catalog. In the Dev site I went into the Details for the app, and ...
0
votes
1answer
230 views

Spfx webpart to fetch list data from different site collection

I need to create a spfx webpart which fetch data from a list avaialble on different site collectionn. Ex: SPFx webpart deployed at https://test.sharepoint.com/sites/test1 List from where data need to ...
0
votes
1answer
28 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<...
1
vote
1answer
134 views

How to use jQuery plugins in typescript?

OK, I've seen many people struggling and different approaches on how to do this but I've been cracking my head and can't get it done. I need to implement this photo gallery in a SPFx web part and use ...
0
votes
1answer
53 views

Change color of selected element in react and set first one as default

I am trying below code which i picked from stack only i am using this code to change color of selected item its working fine but i also want to set color of first element always selected once page ...
0
votes
3answers
1k views

Customizing the PnP people search handlebar template in SharePoint online

I am using the modern PnP SPFx people search web part - and for the people search below is the out of the box template is generated by the web part: <content id="template"> <style> ...
1
vote
0answers
38 views

SharePoint 2019 SPFx, react-router-dom and its types

I am using SharePoint 2019 on premise. When I latest react-router-dom and its type I get error for type. Below is my dependencies and my "typescript": "~2.4.1" So somebody help me which version ...
0
votes
0answers
33 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-...
2
votes
2answers
95 views

Add informative text to PropertyPaneConfiguration

I'd like to write some lines of text to clarify the use specific properties, like a hint below the field or as a separate text block, or even as an (i) icon next to the field Is this at all possible? ...
0
votes
0answers
34 views

SPFX open newform in modal

I'm new in SPFX and i'm trying to open a new form from a button. I'm testing IFrameDialog but it doesn't display it(https://sharepoint.github.io/sp-dev-fx-controls-react/controls/IFrameDialog/) I've ...
0
votes
0answers
26 views

Yammer access token through SPO internal token end point

I am using spfx-react to build a SharePoint web part. The web part needs to communicate with Yammer Rest API's. However, Azure Active Directory does not provide application permissions for the Yammer ...
0
votes
1answer
34 views

When updating SPFx Web Parts, will the pages that already use them update or break?

In SharePoint Online we have 350 pages that use a custom SPFx Web Part. Let's say we need to change it. Can I create a new version of it? Will the changes get reflected through all pages? Can this ...
0
votes
1answer
110 views

Is SPFx client web part durable? Is this good approach to develop web pages to publish in SharePoint online (Office 365)?

I have some dynamic pages in my intranet website (CRUD operation plus search/filter). I have office 365 SharePoint online version. I want to develop client web part using reactjs and restAPI to work ...
0
votes
0answers
21 views

In a modern SPFx Web Part, how do I check if a URL exists? [duplicate]

I am creating a Web Part that shows a video that might or might not be in another Document Library. If the video exist, I should display it. If it doesn’t, I should display another video. How can I ...
0
votes
0answers
18 views

Set properties of a spfx people web part dynamically using pnpjs

I've created a new modern SharePoint page using spfx pnpjs. Now I need to add a people web part to it with adding people to it dynamically through code. How can I achieve this? Thanks.
1
vote
1answer
259 views

In a SPFx web part, how can I get description and Url from a SP.FieldUrlValue?

I have a SharePoint list with a Link column of type Hyperlink or Picture. How do I access the description and url values in code? export interface ISPList { Title: string; Link: object; } ...
1
vote
1answer
51 views

React Modern Chart (SharePoint Framework) - Can't Retrieve Managed Metadata Value

Anyone use React-Modern-Chart to retrieve Managed Metadata Fields and facing a problem that the label or value can't be displayed and showing 'object object'. Please help. Thanks. Cheers, VTEC
0
votes
1answer
33 views

Updating Client Side Web App in Sharepoint Online App Library - Not Updating

I have an app deployed on Sharepoint with 3 Client Side Web Parts. When i first add it, it's version is = 1.0.0.0. When I make changes to the solution: Change version to 2.0.0.0 gulp bundle --ship ...
3
votes
1answer
79 views

SPO updates impact on SPFX components

Does Microsoft guarantees that web part/extensions built using SPFX won't be impacted by SPO updates ? I need to build an application with some pages that will be rich html and consumes API's like ...
0
votes
1answer
138 views

Sharepoint Online spfx web part to display Saved Document Library View

I've created a custom web part that displays documents from a relative URL. const queryUrlGetAllItems: string = this._webAbsoluteUrl + `/_api/web/GetFolderByServerRelativeUrl('${libraryRelativeUrl}')/...
0
votes
0answers
40 views

require('sp-init'); require('microsoft-ajax'); require('sp-runtime'); require('sharepoint'); not working for SPFx extensions

i am working with spfx extensions (listview commandbar-set) and need to use the existing js file with JSOM operations. Using @types installed the above typings, refered them in config.json as ...
0
votes
1answer
39 views

Property pane(bag) per component instance like Quick links webpart

I am trying to achieve something very similar with Quick links webpart. So I would add new link buttons when in edit mode and some general properties like title but have a separate property bag for ...
0
votes
1answer
129 views

spfx pnp 404 when getting myProperties

I try to fetch my properties using the sp.profiles.myProperties.get() from @pnp/sp. It works on a hosted workbench but when I deployed the package and run it on Sharepoint site page I'm getting Error ...
1
vote
1answer
75 views

Video Carousel for SharePoint Online?

Is there an out-of-the-box solution for a Web Part that displays a carousel based on a SharePoint list. Basically it needs to show a carousel of video thumbnails and open a Url when clicking on a ...
1
vote
1answer
271 views

SPFx webpart is not showing up on page after installing the app in SharePoint 2019 (on-premise)

I am new to SharePoint. Currently, I am trying to add this app (https://github.com/SharePoint/sp-dev-fx-webparts/tree/master/samples/react-script-editor-onprem) to my SharePoint site. I have followed ...
3
votes
1answer
60 views

SharePoint User add data using PnPJs

I'm creating a SharePoint SPFx web part app. Using PnPjs I'm able to retrieve the current logged in user's information: sp.web.currentUser.get().then((response : CurrentUser) => { console....
1
vote
1answer
32 views

sp.web.hubSiteData property is not showing up

I am trying to use pnp.sp.web.hubSiteData on my SPFX code, my problem is that hubSiteData property is not showing or coming up I have installed pnpjs to my solution by running npm install sp-pnp-js --...
1
vote
1answer
73 views

How to display metadata on Sharepoint Modern page?

I'm looking for a way to display CreatedBy, ModifiedBy, Created and Modified metadata on a Sharepoint Modern page. The "Page Properties" webpart displays custom metadata but not the ones mentioned. ...
0
votes
1answer
19 views

Is there a type of custom web part I can make that is available to all sites without having to first add the app to the site?

I'd like to create a web part that shows the time in specific time zones and some other organization specific info so that any site in our farm can add the web part to any page. Using SPFX and ...
1
vote
1answer
67 views

Add spfx webpart to a page in subsite sp online

I have created a spfx webpart and deployed it in site collection app catalog. But when I try to add it in modern page in subsite, webpart is not displayed for adding it to page. What is that I m ...
0
votes
1answer
902 views

Dynamically populate dropdown inside spfx webpart

I am new to spfx webpart. I have following clarification. Is it possible to populate choice column values of a library to drop down control dynamically. Note: I don't want to display dropdown as ...
0
votes
0answers
22 views

How to sync a SharePoint Web Part with Teams?

I have developed a SharePoint WebPart, this component has several properties that I can modify from SharePoint: width, height... I have installed the same component in Teams and works fine but I ...
0
votes
1answer
148 views

React.js: avoid delay on element <input type=“file”> onChange event

Any react-specific solution to the problem, described here? https://stackoverflow.com/questions/46072489/how-to-avoid-delay-on-element-input-type-file-onchange-event?noredirect=1&lq=1 Basically ...
1
vote
1answer
40 views

Display multiple Dynamic IPropertyPanePage.groups Sharepoint Online Framework

Hi everyone I'm creating a Web Part in order to display a full width Bootstrap grid with you can personalize Sharepoint pages. Selecting the Grid Size options the Grid is created and everything works ...
0
votes
0answers
33 views

SP fast deploy error “File not found”

I've been getting this error but the bundle file is already present. Can anyone help me out Fast deploying to SP App C:\Users\xanderCage\Desktop\xanderCage.Apps.SharePoint-Dev1.0_react\OnboardingApp\...
1
vote
1answer
331 views

How to retrieve image from a SharePoint Online Document Library using SPFx using filters

public render(): React.ReactElement<IFlowDiagramProps> { // const docRelativeUrl :string = event.selectedRows[0].getValueByName('FileRef'); var str=""; var usemaps="";...
0
votes
0answers
65 views

Uncaught Error: Mismatched anonymous define() module: function(z) AT share point MasterPage

I am getting a console error Uncaught Error: Mismatched anonymous define() module: function(z) Am using SharePoint custom master page.when i load my page with Seattle or Oslo master page there is nor ...
0
votes
0answers
95 views

Sharepoint Online Unable to Deploy Webpart on Tenant

I know this might be duplicated but I could not find the solution. //package-solution.json { "$schema": "https://developer.microsoft.com/json-schemas/spfx-build/package-solution.schema.json", "...
0
votes
1answer
95 views

Use SharePoint Theme colors in SASS exported variables

I want to apply the color palette of the selected SharePoint theme to a SPFx webpart by setting a set of variables I export from the SPFx webpart's .scss. I want to define the colors as exported ...
0
votes
0answers
678 views

How to best implement pagination for a spfx web part displaying a list of links?

I have a web part that displays a filtered list of links based on the logged on users profile properties. Its working well, but I cannot work out the best way of adding pagination. The list is never ...
0
votes
0answers
23 views

SPFx getting items from list using Restapi with camlquery facing a thershold problem

I am trying to retrieve the items from list using restapi with camlquery in SPFx solution but i am not able to get the items because of the thershold. How to overcome. The code like below. let ...
0
votes
1answer
42 views

How would you unit test a WebPart that extends BaseClientSideWebPart?

I want to unit test that webpart, but I am not sure how to go about it. I have around 30 properties and 50 private variables. How do I mock them? I use PnP to fetch values for the private values, but ...
1
vote
1answer
117 views

Update person field (multiple selection) using JavaScript without PnP

I am trying to create an SPFx web part using SharePoint 2016. When adding PnP to SharePoint 2016, it's giving me errors and not working like when I add it to a SharePoint online SPFx web part. How can ...
2
votes
2answers
483 views

Retrieving data from rich text editor in spfx web part properties

I am currently creating a custom web part, the webpart is using PropertyFieldCollectionData to collect user data (https://sharepoint.github.io/sp-dev-fx-property-controls/controls/...

1 2 3
4
5
19