Questions tagged [spfx-webparts]

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

361 questions with no upvoted or accepted answers
Filter by
Sorted by
Tagged with
1
vote
1answer
608 views

Steps to setup SP2016 onprem with React using SPFX

I am trying to setup SP2016 onprem with React, using Yoeman generator @microsoft/sharepoint. I am getting errors when I run gulp serve. Need Help on setting up this project using SPFX. I have ...
1
vote
0answers
107 views

Error in webpart after upgrading to SharePoint Framework 1.8

I have just upgraded to spfx framework version 1.8. When I try to add the webpart to the page, I get this error Original error: Error loading https://component-id.invalid/f2f8e00f-ef2a-4909-b24a-...
1
vote
0answers
78 views

SPFX Webpart with Dropdown don't work on Classic pages

I currently have a spfx web-part which contains a dropdown, when I add it to a classic page and try to use the dropdown when the SharePoint ribbon displays the Format Text tab, the dropdown keeps ...
1
vote
0answers
257 views

Aditional properties not allowed SPFX webpart error

I'm getting this error when I use gulp serve Blockquote Error: #/localizedResources (A set of localized resources, to be d...) Additional properties not allowed: v3WebPartStrings Error:...
1
vote
1answer
394 views

Adding sections and web parts to the modern pages is not working

@pnp/sp version is 1.2.3/1.2.7 SharePoint version is SPO (online) I am loading the site in the Web object and adding the client side page using the web object. Once the page got created I am adding ...
1
vote
1answer
60 views

SPFx Document Search Result Add-in with ECB / CommandSet option

we are building SPFx based document listview based on search / user personalized view - my bookmarks or recent document; We want to plug in OOTB ECB menu / command set; is there any option to ...
1
vote
0answers
226 views

SPFx Custon Property Pane not opening

I have created one custom SPFx webpart in which I have placed one link (My Links). By clicking on that link, I am getting links from SharePoint list. When user clicks on the link, it opens Property ...
1
vote
0answers
182 views

Unable to print result in spfx react (got the data)

Getting data from SPFX React (json) - this.state = { testProperty1: "", hideDialog: true, showModal: false, items: [ { Id: "", title: "", ...
1
vote
0answers
988 views

SharePoint Modern Filter option for list view webpart

I have some lists and libraries in SharePoint Online and all are already converted in modern experience (new experience). I want to add these as list view web part in SharePoint Modern page and ...
1
vote
0answers
334 views

Create list view webpart using office UI fabrics in SPFX

I want to implement same list view webpart as given in this Office fabric component example article. They have provided code for the same but I don't know how to implement this code. I have created ...
1
vote
0answers
86 views

SPFX Angular Element with UI-Router not displaying data

Iam testing Angular Element with SharePoint Framework (SPFX) Webpart, as Andrew Conell has described in his Blog Every thing is working as asspected, i have added UI-Router in webpart just for ...
1
vote
0answers
628 views

SPFx web part is not loading in IE 11

I have a SPFx web part with Knockout framework. Its developed for SharePoint on premises (V1.1.0). Deployed all the Assets in the SharePoint library. Application is working fine in Chrome. But in IE, ...
1
vote
0answers
50 views

How to remove list from site when spfx web part removed?

Modern SPFx web part creates a new list 'abc' using code when it is added to site contents. Now I want to remove list 'abc' automatically when web part is removed from site contents(using code not ...
1
vote
1answer
892 views

DetailsList component row rendering issue

There is a DetailsList component inside spfx webpart, which loads all the documents/files using PnP. There is a office-ui-fabric-react check out button outside DetailsList component. When I select ...
1
vote
2answers
793 views

SharePoint Framework/ issue/ drop down change event on web part/

I want to use drop down control on SharePoint framework webpart(done) and on change event to call some method/ some rest api and so.but it is not allowing. I did not find any article where spfx web ...
1
vote
0answers
72 views

Hide/Remove Item Content Type from a SP List in SPFx

I am using SPFx webpart on SP2016 and able to create a list with custom content type,below is code sample. But I am not able to get any end point to remove default Item content Type. I want my custom ...
1
vote
1answer
468 views

Peoplepicker get all users in tenant

How can I get all of the users in my tenant? I get just the users in a group. This is my code: private _getPeoplePickerItems(items: any[]) { console.log('Items:', items); } public render(): ...
1
vote
1answer
1k views

SharePoint Framework ( SPFx) is it possible to create custom HTML page

Just started learning SPFx, so had many queries. First of all In SharePoint Framework ( SPFx) is it possible to create custom HTML page and make that as default landing page for add in. So that we ...
1
vote
0answers
24 views

MSGrapClient request credentials on purpose

Is there a special way to ask a user for credentials when my app is initializing. For example, the app consists of several stages and at the 3-rd stage a user send ms graph request and if he's not ...
1
vote
1answer
297 views

Create document from template in javascript on a modern sharepoint site

Does anyone know of an equivalent to the createNewDocumentWithProgID() or createNewDocumentWithRedirect2() JavaScript function that will work on a modern spfx SharePoint site?
1
vote
0answers
282 views

How to use jquery.slimscroll in spfx

I want to use slimscroll for a couple of SPFX webparts but having trouble to get things going. I used: npm i jquery-slimscroll npm i @types/jquery.slimscroll next to a couple of other modules (...
1
vote
1answer
218 views

Office UI Fabric Ract Command Giving an error UNMET PEER DEPENDENCY

Issue while adding command "npm --save install office-ui-fabric-react" NPM Version: @microsoft/generator-sharepoint@1.0.2 gulp@3.9.1 yo@2.0.2 How to solve this issue? It gives warning:office-ui-...
1
vote
1answer
1k views

Cascading dropdown list in SPFx web part

Can someone help me with this issue as I would like to create cascading dropdown lists inside the web part itself and not in the property pane. I have found this code in [github react-...
1
vote
1answer
276 views

How to find a list or log of all site collections with SPFX extension deployed?

We deployed a spfx extension (Add-PnPCustomAction Location "ClientSideExtension.ApplicationCustomizer" ) to multiple site collections manually, is there a way to use powershell to pull extensions and ...
1
vote
1answer
515 views

SPFx get all sites were user has permissions

is there a way to get all site collections and subsites where the current user has access to? I would like to build a web part in SPFx and in React. Any suggestions are welcome. Thank you.
1
vote
0answers
1k views

Using SP-PNP-JS to get data from custom content type fields with React

I'm currently making News Listing Web Part, where News are made as custom content type. I managed to get the basic fields like id, title, but others are really bothering me. The API fetches all the ...
1
vote
0answers
714 views

Cannot add multiple items in list where using pnp batching

I use "sp-pnp-js": "^3.0.4" Where i trying to create batch for - add multiple items into a list for SharePoint On-Premise . This is my code: let list = pnp.sp.web.lists.getByTitle("MyWayBills"); let ...
1
vote
1answer
1k views

Taxonomy Field Values/Filtering with SPFx

I'm looking for some examples or guidance for working with taxonomy fields in SharePoint Framework. What I need to do is have a field that is tied to a TermSet. Based on the user's input into this ...
1
vote
1answer
385 views

Custom section layout using SPFX

Is it possible to add a custom section layout using SPFX? I'd like to build a custom layout with my own logic and rules. In the documentation, only Webparts are explained. My question is similar to ...
1
vote
0answers
302 views

How to get values in textbox in webaprt in spfx

I want to display my values of sharepoint list not in a table but in respective textboxes in my web part. How can we do this in spfx(on-prem)?
1
vote
0answers
322 views

Valid App Package columb show No for a new uploaded App (On Premesis SharePoint)

Hello I am new to SharePoint, I have developed a hello world WebPart for my on premises SharePoint as shown in the SPF tutorials available on Youtube similarly I followed the tutorial for uploading a ...
1
vote
1answer
683 views

Error when displaying HelloWorld web part in tenant workbench

My HelloWorld web part works fine in my localhost workbench. On my tenant workbench, I can add the web part but then I get the attached error instead of displaying it.
1
vote
2answers
251 views

I have upgraded from yeoman 1.3.4 to 1.4.0 and I cannot import mystrings.d.ts

I have a file mystrings.d.ts which contains :- declare interface IReactSearchBoxStrings { PropertyPaneSearchOptions: string; BasicGroupName: string; DefaultSearchResultsPageUrlFieldLabel: ...
1
vote
0answers
192 views

Separate file for html in SPFX

I am new to SPFX ad I am trying to create a separate file for my html code which I have done by doing this.domElement.innerHTML = require("./Index.html"); But I am not able to get the design that ...
1
vote
0answers
156 views

upgrading from microsoft sharepoint yeoman 1.3.4 to 1.4.0 cause code to stop working

I have tried to upgrade a SPFx project from Yeoman 1.3.4 to 1.4.0 as a result of this React is upgraded from version 14 to version 15.6. As a result my code has gone from working to not working :- ...
1
vote
0answers
273 views

SPFx section layouts

Currently I have an issue building an SPFx solution where I'd like to create a two-column proportional section that is full-width in a modern page. With the tools currently available to me, all I can ...
1
vote
0answers
152 views

SharePoint Online: Recommended site type for page layouts

We need page layout-like functionality in SharePoint Online and the current state of modern pages doesn't allow for the customization we need. Some columns and rows is fine, but we need fine-grained ...
1
vote
0answers
79 views

SP16 - After install webpart missing under development folder

When i install SPFx webpart in my on-prem server. In Developer site i want to add this webpart in page. Folder Under development is missing.
1
vote
1answer
118 views

Remote Endpoints option in spfx webpart

In SharePoint hosted app We specify the "Remote Endpoints" in AppManifest.XML file, here is the screenshot of the same: Where to add the "Remote Endpoints" in SharePoint framework webpart.? As there ...
1
vote
0answers
116 views

How to display read-only information on a webpart? ReadOnly TextField or Label?

I wonder if the Office-UI Fabric Label should only be used to label a field, like a TextField. Should read-only data be displayed in TextField with contentEditable={ false } and readOnly={ true }? ...
1
vote
1answer
756 views

API POST Call “Failed To Fetch”

API Post call returns "Failed to Fetch" I have created a SPFx Web Part using React. It implict authenticates and acquires access token. When i am calling graph api for GET it works fine. ...
1
vote
1answer
198 views

SPFX - Webpart properties not appearing in search results

I have created spfx webpart which just displays the webpart property. Following is the code. "Hello" string is stored in my webpart property. Issue: When I try to search the webpart property content ...
1
vote
0answers
373 views

Using Office UI Fabric React with SharePoint hosted app

I have created SharePoint hosted app using VS2015, and in that, i have used Office UI fabric react components. I have installed it and other packages of React and React-dom using npm, App is ...
1
vote
1answer
161 views

Package MS Flow with SPFx app

I have created an SPFx app with below artifacts A custom list A content Type Site Columns MS Flows on custom list. i want to package my MS Flows along with SPFX app. But i don't have any clue how to ...
1
vote
0answers
399 views

Create Custom Content Type in SPFx

I have crated an SPFx app for assets provisioning using this link: https://dev.office.com/sharepoint/docs/spfx/web-parts/get-started/provision-sp-assets-from-package i have created a list, a content ...
1
vote
0answers
263 views

“Module exports cannot be changed externally” on SP classic page

Created webpart and verified that it works fine on local workbench. Added webpart to SharePoint and it worked fine until suddenly one day it broke. [SPWebPartErrorCode.ScriptLoadError]: Unable to ...
1
vote
0answers
63 views

SharePoint Framework: How to debug which dependencies are pulled into the package?

In a SharePoint Framework web part I'm using Office UI Fabric JS which works well - in the local workbench. But as soon as I deploy the web part to Office 365 some styles are missing. Now I'm asking ...
1
vote
0answers
381 views

SASS/SCSS sourcemap on sharepoint framework webpack

Is there any way load the sass/scss file as the sourceMap in dev mode? I understand that sharepoint framework is using webpack which transpiles all sass/scss files into css then render it within the &...
1
vote
0answers
799 views

SPFX fabric webpart works differently in Modern page than in Classic Page

So I have an spfx webpart that works fine in the workbench, but when deployed does not work the same. It has a fabric CommandBar with nested IContextualMenuItem's. The idea being that you click on the ...
1
vote
1answer
165 views

Deploying a SPFx webparts to local SP server

We updated local SP server with latest features packages(2016) I have created SPFx webpart with yeoman(yo @microsoft/sharepoint) and able to deploy SPO, and hello-world webpart look fine. But when ...

1 2
3
4 5
8