27
votes
SharePoint development past and "future": how to keep calm?
My observations (answers at bottom):
If this is too long then just read the headings
Developer => Accept change
If you want to stay calm and not have your world changed all the time, then maybe a ...
- 32.4k
18
votes
Accepted
How to retrieve pageContext in SPFx?
this.context.pageContext is available on render() method within top level class that extends BaseClientSideWebPart.
Simply pass this.context as a props of to HelloWorld.tsx to reuse it.
Sample (...
- 373
17
votes
SharePoint development past and "future": how to keep calm?
So, I'll wade into this discussion. Apologies for the wall of text. Some background - I was a developer in CMS 2001/2002 before we joined the SharePoint group in 2003. I've build on top of the core ...
15
votes
Accepted
SharePoint Framework: How to detect if running on modern or classic page?
You can make use of the EnvironmentType enum that is available via the sp-core-library.
The code for that would be as below:
Add the below import statement.
import { Environment, EnvironmentType } ...
- 30.8k
14
votes
Accepted
Options for elevating permissions in SharePoint Framework
The thing with SPFx is that it is 100 % client side solution. It will always run in the context of the current user. There is no OOTB way to elevate permissions.
To elevate privileges, you will have ...
- 30.8k
13
votes
Accepted
SPFx List extension (Command set) - open custom side panel
The trick I found out was to open it inside a modal.
Inside your webpart typescript file, add the below import statement:
import MyCustomPanel from './MyCustomPanel';
Now, in your onExecuteMethod, ...
- 30.8k
12
votes
Content Editor webpart Vs SPfx
If you're a disciplined and clever developer/team then the SPFx doesn't give you any functionality you couldn't develop yourselves In fact many companies have already developed their own framework ...
- 32.4k
12
votes
Accepted
Anyone can explain the .ts file and .tsx file use and difference in SPFx react webpart?
TSX allows for embedding JSX elements inside the file, and is largely used by React.
TS files are plain old Typescript files and do not support adding JSX Elements.
Typically you would seperate ...
- 1,290
11
votes
'gulp serve' command opens SharePoint Framework workbench in a blank screen
In the 0.1.0 version of @microsoft/generator-sharepoint it has started setting gulp serve to use https. This is the right approach so you don't have to set your browser to allow unsafe scripts, but ...
- 32.4k
11
votes
Accepted
use jquery functions within spfx webpart
You are trying to load javascript library as css. That's not correct.
What you can do is to include jquery as your dependency under config and the use it inside web part.
Here are the steps:
Under ...
- 11.6k
11
votes
Accepted
Will the new SharePoint FrameWork increase speed?
"tells my Client all the Front-End dev I did in the past is
oldfashioned"
Depends on what you did and what he is talking about... in my perspective SharePoint is going client side just like its ...
- 17.8k
11
votes
What is SharePoint Spfx? Will it override SharePoint app development and server object model?
What is SharePoint SPFx?
The SharePoint Framework (SPFx) is a page and part model that enables client-side development for building SharePoint experiences. It facilitates easy integration with the ...
- 45.4k
11
votes
Accepted
Unable to load `/temp/manifests.js` on https
Finally figured out what was the problem.
Before doing gulp serve run the command set NODE_NO_HTTP2=1. This will allow the manifestes.js file to be served over https.
Before opening the SharePoint ...
- 1,892
10
votes
Accepted
SPFx - How to call function on button click event from ts file with React
Add a property to your IAutoCompleteProps interface for your click handler. Then pass the function from the AutoCompleteWebPart into the interface as one of the component's properties.
So in your ...
- 5,971
10
votes
How does one pass parameters to SharePoint Framework Extensions in practice?
Using Properties in Your Extension
The this.properties property of your extension are defined by the Interface you setup. By default, the interface gets defined in your main extension class file.
...
- 5,971
10
votes
Accepted
SPFx webpart workbench on localhost is not connecting
you can avoid your problem by using http instead of https
To do that, in
config\serve.json
set
"https": false,
and remove the "s" from the URL in the "initialPage"
Save the file, restart "gulp ...
- 556
10
votes
Accepted
Hide/Disable property pane component based on another component's value
You can make use of a standard boolean check to determine whether your toggle component has value. Based on that, you can show/hide your slider component. You can do this bool check in the ...
- 30.8k
9
votes
Accepted
How does Workbench.aspx in Office365 get local files?
The workbench.aspx inherits from Microsoft.SharePoint.WebControls.ClientSidePage which I assume uses the specified ClientSideApplicationId to load a specific Client Side Application.
The id 8be81a5c-...
- 32.4k
9
votes
Will the new SharePoint FrameWork increase speed?
as you state, SPFX doesn't have some special way to call REST endpoints that is faster. The sphttpclient object makes a standard web call (and uses the standard browser request underneath). ...
- 2,466
9
votes
SharePoint development past and "future": how to keep calm?
CSOM is the best thing to happen to the platform. It lets us run code where ever the hell we want, how we want. The REST API (not ListData.svc, that should never have made it into the release) took it ...
- 25.5k
9
votes
Accepted
Can SPFx Webpart and Extension exist in a single app?
Yes, you can have multiple webparts or extensions in the same solution. Think of it as a Visual Studio solution with multiple projects (i.e one sln file and multiple dlls).
To add a webpart/extension ...
- 30.8k
9
votes
Accepted
workbench page shows "This site can’t provide a secure connection" on creating SPFx Webpart
Are you using Node.js v8 by any chance? If so, there is a known issue with the http/2 experimental feature. You can disable it by setting the NODE_NO_HTTP2=1 environment variable. More information ...
- 2,524
9
votes
Accepted
Can't install app in AppCatalog
There is currently some issue going on at Microsoft's end(across most regions) because of which you are not able to install app in App Catalog. This is affecting both SPFx solutions as well as ...
- 30.8k
9
votes
Accepted
Modern Site Page - Hiding total page Views and Like option in Office 365 SP Online
In my experience, it shows the total number of page views since page creation. Though, the method to calculate page views is not known to me, so it could be different. Its not stored in any hidden ...
- 30.8k
9
votes
Accepted
SPFx calls blocked by CORS policy
The difference between jquery call and the native httclient call is a method of making http asynchronous request.
jquery uses old good xhr, but httpclient uses modern fetch api. When making CORS ...
- 11.6k
9
votes
Using Office Fabric UI icons in a SPFx extension
This is currrently a SPFx limitation. You cannot directly use Fabric UI Icons as command set icons in SPFx list extension.
Currently SPFx extension allows you only 2 ways to set extension icon,
1) ...
- 30.8k
9
votes
Accepted
What is difference between SharePoint Framework (SPFx) Extensions and SharePoint Framework (SPFx) Web PART
Web parts allow you to create components that can be added by content editors as content on a page. Extensions add functionality to known areas of pages on an entire site or site collection, for ...
- 1,236
9
votes
Accepted
How get sharepoint list items by view(s) in spfx?
I am afraid you can't get items directly from view. You will get viewQuery field from below method using v.ViewQuery. then you have to use getItemsByCAMLQuery method to get items. Below are reference ...
- 5,953
8
votes
Accepted
Does an SPFx webpart run on Gulp or Node as web server?
Neither Gulp or Node act as the web server. The web server used for SPFx is Connect, see below.
These are (some of) the different moving parts in the SPFx workbench
Node.js: is the JavaScript ...
- 18.2k
8
votes
SharePoint Framework – Loading Font Awesome CSS from CDN
In SPFX GA version the ModuleLoader was renamed to SPComponentLoader.
import { SPComponentLoader } from `'@microsoft/sp-loader';
It continues to be userd in constructor:
constructor() {
super();...
- 81
Only top scored, non community-wiki answers of a minimum length are eligible