When your application or webpart requires a modal dialogue, you might use the package @microsoft/sp-dialog based on this tutorial on how to use it. There is nothing wrong with this solution but something out of time.
[Read more]
Update on how to include 3rd party CSS in SharePoint Framework
Finally, we upgraded SASS to a new version of SASS, which brings tons of changes to your development. It started in SharePoint Framework version 1.15, and the transition is now completed in 1.16.1. While importing 3rd party CSS via ‘@import’ is still possible, this option will be lost at some point.
Let me explain what other options you have to import 3rd party CSS to your web parts or extension CSS.[Read more]
What’s new with SASS in SPFx 1.16.0
It’s been some time until finally sass-dart, and now only as sass arrived in the SharePoint Framework. With this upgrade, you can use the latest language improvement in SASS. This upgrade is only available in all new SharePoint Online Projects.[Read more]
The Secret Life of Tilde in SPFx’s CSS
Like in the movie “Secret Life of Walter Mitty“, there are things out there we are not aware of. At least, I was not aware, which also don’t mean a lot. [Read more]
Develop SPFx web parts for different section designs using CSS
Over the last couple of days, I banged my head against the wall. I hate when things don’t work as expected. On the other hand, I love challenges.
The thing we are talking about the documentation on “Supporting section background“. To be clear, the documentation is correct. It works as described. The issue I and many others have with this documentation it does not apply to your project.
SharePoint Online Live Reload Application customizer released
In my last blog post on how to make live-reload possible in SharePoint Online. I mentioned the possibility to write an application customizer that one the connection to your local workbench. Now I released the first version of this tool.
Use ‘lodash’ in SPFx projects – important things to know
Lodash is one of those utility classes many JavaScript developers uses. This modern JavaScript utility library delivering modularity, performance & extras. I agree with most of their marketing terms, but you might run in problems in case of performance when you use it the wrong way and bloat up your SPFx packages.
Tips and Tricks working with SPFx library components
Following the instruction on how to create a library component, get you pretty easy up and running to try out this new feature.
To make it production-ready you have to do some manual steps and tweaks. Here are some suggestions.
SPFx – Reference Webpack configuration – Web Part
The following configuration shows the webpack.js generated during the build process of a SPFx Hello World
wep part. References to fixed path in the generated webpack config were replaced with the default way of resolving path. ( path.resolve(__dir
).