Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
811
questions
0
votes
0answers
10 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
29 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
0answers
12 views
Accessing Property Pane openDetails() Context [closed]
I am trying to add multiple "Edit" buttons into my webpart to open a property pane that is unique to the section that is being edited. I want to use the openDetails(context?: any): void function in ...
0
votes
1answer
16 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
36 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
25 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
0answers
28 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
15 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
13 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
56 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
10 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
18 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
29 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
33 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
20 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
10 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
18 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
33 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
19 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
70 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
40 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
12 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
16 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
23 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
24 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
53 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
29 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
24 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
42 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
17 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
26 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
91 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
19 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
19 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
22 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
26 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
72 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
29 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
28 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
28 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
107 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
18 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
18 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
35 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
1answer
127 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
vote
1answer
28 views
Custom Web Part Uploading Incorrectly
I am trying to upload my custom web part to my sharepoint online site. The upload is successful, but when adding the web part to a site it is not the expected content of the web part. It seems to be ...
2
votes
2answers
59 views
Remove the background of my Custom WebPart
Hope you can help me on this inquiry I am trying to removed the white background of my Custom webpart that I have created so that its background will depend on the section background
when I check it ...
0
votes
0answers
31 views
Can progressive web applications be created using SPFx webparts hosted on SharePoint Online?
I am looking to create progressive web applications (PWA) with data hosted on SharePoint lists. I wanted to know if it is possible to build PWA using SPFx webpart hosted on SharePoint Online? I cannot ...
0
votes
1answer
19 views
SP.MoveCopyUtil unavailable for use (SPO JSOM)
I am trying to use JSOM to programatically move existing files in a document library to a document set within the same library. I think I should be able to use SP.MoveCopyUtil.MoveFile for this ...
0
votes
1answer
29 views
SPFx Loading indicator not working when solution is deployed on SharePoint Online
I'm fair new to SPFx and I was tasked to consolidate some webparts there were previously in different solutions into one spfx solution including all of them, I started with 4 webparts, in all of them ...
