Article
0 comment

Create an Office UI Fabric button without Office UI Fabric in SharePoint Online

TLDR: Thanks to SharePoint, it is possible to write an Office UI Fabric styled button without using ReactJS or Office UI Fabric at all. The code is simple and easy to reproduce for any project. Copy the source this blog post contains and you are ready to go.

Create an Office UI Fabric button wihtout Office UI Fabric

Create an Office UI Fabric button wihtout Office UI Fabric

The longer story is that recently, more theme slots are available in SharePoint Online than before. I created a reference chart for the documentation of SPFx-uifabric-theme project.

So isn’t it exciting to create buttons, hyperlinks and input fields just using SASS variables and fundamental HTML elements?

[Read more]

Article
5 comments

Optimize your SPFx projects with React.lazy

SharePoint Framework offers you a pretty solid project setup, but on the other hand, it doesn’t give you options to optimise the gulp, build or the webpack configuration.
The more web parts exist in a single project, the slower the build task become and all the code in the project will be compiled at once, instead of smaller incremental builds. Technical possible but not yet supported.

Optimise your SPFx project with React.lazy

The good thing is that there are some options you can directly trigger from your web part code. Some of these options affect webpack others can be applied in ReactJS. Not only in case of build times but also case of user experience and web part performance.

[Read more]

Article
0 comment

Easy way to remove background from images for use in SharePoint

In the recent blog post, I showed why it is useful to have specific images without a background as a PNP. What if you have pictures, but those images have a background attached, and you like to get rid of this background?

Well, you can ask one from the marketing team to probably do the job for you. There is an easy way that every user can do. The only tool you need is PowerPoint, Word, Excel or any other Office application.

[Read more]

Article
0 comment

The power of transparent images in SharePoint – Modern experience

I case you are working with photos; it is obvious to have these pictures full-sized in your SharePoint. Sometimes it makes sense to handle images that should land, for example, on a communication site with a little bit more care. Especially when you are dealing not with photos but with illustrations.

Sometimes you don’t like to have a background on your images. Let me show you why.

[Read more]