Questions tagged [spfx-webparts]
Technical questions about building and using web parts based on the SharePoint Framework client-side development model.
1,256
questions
4
votes
1
answer
2k
views
Multi language support for Client Side webpart with New SharePoint Development Framework
I have created a sample Hello world webpart using the Examples provided at Office site
Webpart has a Property called "Description" in Property Pane which displayed in English Language.
I would like ...
- 823
1
vote
2
answers
797
views
SPFx client side web parts onpremise
I am trying to develop a traditional web part (SP2013, SP2010..) to host a modern SPFx client web part. I developed most of the plumbing and wrapping and I have some problems when actually render the ...
7
votes
1
answer
255
views
SharePoint framework
https://dev.office.com/sharepoint/docs/spfx/sharepoint-framework-overview
In this new Client Web Part model there would be no IFrames. It will be all cient side thing.
My question is, where would ...
- 71
1
vote
2
answers
468
views
Is it possible to have table control in PropertyPane of Client Side Webpart with new SharePoint development framework
I need to display a table inside the PropertyPane of Client side webpart with New SharePoint development framework.I can see we have property like Toggle, TextField, Button, ChoiceGroup,Dropdown etc ...
- 823
3
votes
2
answers
2k
views
Sharepoint Framework (Drop 6): How to load external css in a WebPart
I am fairly new to the SharePoint Framework development stack and am building a WebPart with AngularJS 1.x and ngOfficeUIFabric.
I'm using the current drop (Sharepoint Framework Developer Preview ...
- 33
0
votes
1
answer
207
views
SharePoint Framework documentation propertyPaneConfiguration
I'm finally getting around to looking at the SharePoint Framework again (working on it in my few spare cycles when I don't have client work). The documentation says "Replace the ...
- 161
0
votes
1
answer
106
views
Yeoman generator for WebPart can't find Github repo #spfx #spfx-webparts #spfx-tooling
I'm trying to create a new WebPart using the directions here. When I try to install the yeoman generator @microsoft/sharepoint it attempts to reference a github repository (microsoft/sharepoint) that ...
6
votes
2
answers
5k
views
How to get Termset using the new SharePoint framework SPFx
I am new to to Typescript, watched videos and created the sample application of client webpart using new SharePoint development framework. All sample application worked well, and using Rest Queries i ...
- 823
2
votes
1
answer
282
views
SPFx web part page context does not update when linking between pages
I have added the same SPFx web part to two different site pages. The web part contains links (a href) to both pages and some page related info collected from this.context.pageContext.
When I click ...
- 21
0
votes
1
answer
792
views
SPFx webpart onPropertyChanged didn't fire after control's content was changed
I am recently trying the SPFx webpart for Drop 5. I understood that the drop 5 started to use @microsoft/sp-webpart-base instead of @microsoft/sp-client-preview. What I did was to add two dropdown ...
- 78
1
vote
2
answers
3k
views
Error trying to reference an image in SharePoint Framework web part using react
when I'm trying to reference an image in my react component in the render method as follows.
const leaderImgSrc = require('myimage.jpg');
and then in the TSX
<img src={leaderImgSrc} alt='an ...
- 261
2
votes
3
answers
3k
views
SharePoint Framework and workbench.aspx
I'm trying out the SharePoint Framework and am following the setup instructions. I've downloaded and uploaded to my site workbench.aspx. When I go to "preview the web part in SharePoint" and load the ...
- 161
1
vote
1
answer
580
views
The value for "webpart context configureStart" must not be undefined
Getting following error in after adding webpart. I can add it workbench.html but in workbench.aspx it's not working.
The value for "webpart context configureStart" must not be undefined
It's ...
- 13.4k
1
vote
1
answer
1k
views
Sharepoint workbench page with NoComponentId error
So I did basic hello webpart setting and ran gulp which shown me SP framework local page.
Now i wanted to see this in sharepoint context , so
I copied workbench.aspx from https://github.com/...
- 1,051
0
votes
1
answer
440
views
Access denied in Workbench.aspx
I downloaded the workbench.aspx file and uploaded to office 365 SharePoint Online Developer site under "Documents" document library.
When I try to open the same, I page does not load ...
- 2,195
6
votes
1
answer
926
views
SPFx: inform users when Search last indexed and when Items will appear in results
Scenario: Large team processes a high volume of customer data (multiple Libraries, Document Sets and Sites/ Sites Collections)
Part of it is trading information so accurate info is vital.
I have an ...
- 21.2k
0
votes
1
answer
948
views
Unable to load web part script resources
I am getting an error on the latest SPFx framework. I have created a web part, updating the cdnBasePath in write-manifests.json.
I added the resource files to a document library and deployed the app....
- 981
1
vote
0
answers
1k
views
Debugging Sharepoint Framework webparts with VS Code on MAC
I am trying to debug a SPF Webpart in VS Code but with mac osx(el capitan), I have installed the chrome debugger extension.
I took as a basis, Elio's post here: https://www.eliostruyf.com/how-to-...
- 5,201
4
votes
1
answer
638
views
jquery not loaded with SPF
I have this on my config.json
{
"entries": [
{
"entry": "./lib/webparts/pnpcrudsample/PnpcrudsampleWebPart.js",
"manifest": "./src/webparts/pnpcrudsample/PnpcrudsampleWebPart....
- 5,201
3
votes
3
answers
2k
views
How I can upload a App from Sharepoint Framework?
I am trying to upload a app generate with SharePoint Framework to the App Catalog of my SharePoint, but when I upload it, it don't recognize how a valid package and I can't add this app to my ...
1
vote
0
answers
119
views
SharePoint framework features
According to http://dev.office.com/sharepoint/docs/spfx/web-parts/basics/notes-on-solution-packaging you can provision content types and pages using the SP Framework app package.
What are the ...
- 111
5
votes
2
answers
5k
views
SharePoint Framework – Loading Font Awesome CSS from CDN
I am fairly new to the SharePoint Framework development stack (TS, React, node, etc.) and am looking to incorporate the font-awesome suite into my web-part via a CDN.
Normally I would reference this ...
- 197
2
votes
1
answer
1k
views
Web part not available to add in the Workbench which is hosted on SharePoint Library
I am building my first SharePoint client-side web part (Hello World part 1). Everything works perfect no issues with the following.
Successfully set up Machine with NodeJs, Gulp, Yeoman etc
Got the ...
- 5,983
1
vote
0
answers
3k
views
cannot find module (typescript)
I am running an easy Sharepoint Framework project in Visual Studio Code:
I have this structure:
My files are as follows:
ComplexCalculator.ts
export class ComplexCalculator {
public sqr(v1: ...
- 5,201
3
votes
1
answer
188
views
Can I get a trace of TypeScript statements executed in a SharePoint SPFx client web part?
Is there a way with gulp serve to get a trace of TypeScript statements that are executed in a SPFx client application ?
- 765
2
votes
2
answers
1k
views
Can a user update a SharePoint list using SPFx without the user having access to the list?
In C# you could allow users to access a SharePoint list they have no access to by using SPSecurity.RunWithElevatedPrivileges(delegate () .....etc. Is there a way achieving the same functionality ...
- 765
1
vote
0
answers
161
views
How Does SPFx React to a button being pressed?
Does anyone know how the SharePoint Framework reacts to a button being pressed ?
What TypeScript do I need to make this happen (ie get notified when a button has been pressed)?
Regards
Nigel
- 765
1
vote
1
answer
3k
views
Loading external library fails "If loading a global module configure the global name via..."
I'm trying to load winston into the default React (hello world) component, but I cannot get it to work.
When running in workbench and adding the webpart I receive the following error:
Error: Unable ...
- 458
1
vote
1
answer
666
views
Would multiple SPFx webparts on page load duplicate dependencies?
If I have an SPFx webpart and that webpart uses these dependencies:
jQuery
jQueryUI
Angular
LoDash
Then I have another SPFx webpart and that one uses:
jQuery
jQueryUI
React
Moment
If I load ...
- 1,448
1
vote
1
answer
187
views
React.js code structure question
I have a question which hope you might be able to help me with.
If I was to create a custom class class 'SPList', and on my componentDidMount function or the constructor. I was to call a REST ...
- 87
5
votes
2
answers
982
views
How does Workbench.aspx in Office365 get local files?
I'm sure this is a really simple answer but I can't see the connection.
Essentially I'm playing with the SPFx tutorials and I just uploaded the workbench.aspx to my shared documents and the hello ...
- 1,448
2
votes
2
answers
252
views
Updating web part files in azure storage
I'm trying to update an existing spfx web part by uploading the new javascript bundled files to azure storage (using gulp --ship && gulp deploy-azure-storage).
The problem is every time it ...
- 118
1
vote
2
answers
177
views
Error after upgrading to SPFX Drop2
Hi I upgraded my project from drop1 to drop2 follwing the instructions at https://github.com/SharePoint/sp-dev-docs/wiki/Release-Notes-Drop-2.
I cannot get my webpart to load mow. I keep getting the ...
- 1,254
3
votes
2
answers
3k
views
How to use PeoplePicker and TaxonomyPicker Controls with SPFX?
I am trying to develop a simple form using the new SharePoint Framework. The form requires PeoplePicker and TaxonomyPicker controls. I couldn't find any documentation on how to use these with the new ...
- 163
7
votes
4
answers
6k
views
'gulp serve' command opens SharePoint Framework workbench in a blank screen
I'm trying to build a simple client-side web part using new SharePoint Framework with the help of OfficeDev Site. I've installed all the required components mentioned in OfficeDev
After the ...
- 211
0
votes
2
answers
306
views
Client Side (inline IDE) editor/app for editing (.js , .json, .css, .html) files in a Document Library
We more and more store data as .json files in a Document Library.
Instead of (re)writing our configuration front-end, I would like users to edit the bare .json files.
(and while we're at it, all ...
- 21.2k
1
vote
2
answers
2k
views
httpClient Upload file to SiteAssets
How can I upload a file to the current web SiteAssets or document library using the spfx httpClient? Is there a code sample I can learn from?
4
votes
2
answers
444
views
SPFx: How to test for the 3 SharePoint flavors: Classic, New Experience and SPFx
When injecting code in the New Experiences (only possible with Browser Extension)
I use:
var isClassicSharePoint = typeof SP !== 'undefined';
So my generic library knows when to use SP.SOD and ...
- 21.2k
3
votes
1
answer
3k
views
Passing a property to a child component
I am continuing to learn about the various frameworks we can use with SPFX.
I have stumbled upon a problem, which according to various websites out there it should work, so I'm sure the problem is a ...
- 87
0
votes
1
answer
397
views
Tutorial 5 Step 5 loading error: unable to load web part script resources
When testing the jquery webpart, got loading error:
- 1
5
votes
1
answer
220
views
SPFx: Can we safely use eval or is it evil in SPFX?
I have used JavaScript since it was called LiveScript,
and know to value persons who say "Eval is Evil"
(Classic SharePoint uses eval() at least 5 times in its core code)
So when a new kid on the ...
- 21.2k
3
votes
1
answer
3k
views
Creating a custom Property Pane Field
I'm trying to create a custom property pane field to allow the user to configure a list and then a list view to be used by the web part.
I followed the instructions of this Custom field example ...
- 118
8
votes
5
answers
4k
views
SPFx: Is TypeScript compulsary for future SharePoint development?
Been looking into ways to keep a development team with medior JavaScript skills into the loop.
Basically I just want a SPFx Content Editor WebPart where they can do anything they have done with ...
- 21.2k
0
votes
1
answer
473
views
Errors when running gulp serve when using SharePoint Framework Office UI Fabric Components tutorial
Should I need to worry about these lint errors in Using gulp serve in the SharePoint Framework Office UI Fabric Components tutorial?
https://github.com/SharePoint/sp-dev-docs/wiki/Using-Office-UI-...
- 765
4
votes
1
answer
5k
views
Adding onClick event to a React Web Part
I want to add a simple onclick function, but having trouble doing it.
I have looked online, and have tried multiple ways - such as binding it - this.update.bind(this)} within the html string, etc
...
- 87
3
votes
2
answers
1k
views
Tutorial 4 of SharePoint SPFx Tutorials: Error configuring web part to load from CDN
i have followed HelloWorld, Deploy to CDN and until "Configuring web part to load from CDN" everything worked; i have updated the "cdnBasePath" in "write-manifests.json" as described, and continued ...
- 556
20
votes
4
answers
6k
views
SPFx: loading jQuery (and other libraries)
The SharePoint Framework weather example loads jQuery inside the WebPart render method:
https://www.youtube.com/watch?v=HGC9gsDRy1E#t=10m30
Questions:
Is this the preferred development pattern?
...
- 21.2k
1
vote
1
answer
297
views
Trying SPFx Tutorial 5 without VS2015 installed
I have set up my Windows 10 Machine for SPFx development. I am using Visual Studio Code and not Visual Studio itself.
NB When you install Python (Setting up your machine) it needs .NET 2.0 to be ...
- 765
2
votes
1
answer
1k
views
How can I 'bundle' a json file into a SharePoint Framework webpart?
I have a large block of JSON I need to be available in my webpart, a 'canned' search result used when in the workbench and not connected to SharePoint.
Ideally I would like to reference it as follows:...
- 155
1
vote
1
answer
236
views
Tutorial 4 of SharePoint SPFx Tutorials Azure Instructions Unclear
The Instructions in Tutorial 4 of the SharePoint SPFx Tutorials are unclear in terms of what is required from Azure.
Instructions for creating Storage account name, Blob Container Name and Storage ...
- 765