Today a new version of the PnP SPFx community generator has been released that comes with the following updates.
This new version supports now the @microsoft/generator-sharepoint version 1.9.1.
0 comment
Declutter the console log output in SPFx projects
If you try to log something in your SPFx project, it can be tough to find your ‘console.log’ messages. SharePoint Framework, in that sense, is chatty.
Chatty SPFx console in SPFx projects
this.domElement is your new document object in SPFx web parts development
You are familiar with the JavaScript method like ‘document.getElementByID’. Since HTML5 the Document Object Model has more to offer than return an element by its ID on a document.
Use this.document instead of document
I case of web part development you should forget that the document object inside and HTML exists instead you should request HTML elements differently.
Make your web part work with coloured page sections
This blog post is outdated – Develop SPFx web parts for different section designs using CSS
When you put your custom web part in a coloured page section in SharePoint, you might have recognised that there is a white border around the web part.
Web Part in coloured and uncoloured section
SharePoint Framework and the Office UI Fabric grid system
A while a GitHub issue in the sp-dev-docs came to my attention, where someone had a problem titled as Can’t get grid system working using office fabric ui react. I took a closer look on why it is so challenging to get the grid system running right now and in SPFx projects in general. There are some catches you need to be aware.
Some of those issues are already documented in the a blog post on How to make your web parts responsive to the parent container or How to use Bootstrap in SharePoint Framework projects. Here is the rest of the story.
Office UI Fabric is somewhat like the first and foremost first third-party Framework that you may want to use in all your projects to create a seamless experience with the rest of the Office 365 platform. It is not exclusively to SharePoint or SharePoint Framework Projects.
What you should know about semantic package versioning in SPFx
There are many blog posts out there that show how you can install packages to your SPFx project. Many of those projects tell you that you have to install exactly this specific version.
To give you an example upgrading your rush stack compiler in an existing project you can use the following line of code.
Panthema web part is now release – know your SharePoint theme colours
During last weekend I already teased a web part named ‘Panthema’. I was a bit surprised by the interest in this helpful tool for developer, consultant and everyone who has to manage themes in SharePoint on Office 365. I also think it helps a lot in debugging the colours used.
Whitespace – Regain distraction-free working in SharePoint
Recently many new user interface element got introduced to SharePoint that provides additional information about other services in Office 365. While you can argue this information might be valuable for users, you can also say that that information is just a consumer marketing attempt for already paid products.
In general, to keep the user informed it is a great thing to have a feature like this but from a design perspective and even end-user experience, those elements are not optimal. If this kind of information is valuable for the user inside an organisation, it is up to the organisation and not a decision made by any service provider.
To be clear, if this shows up on a free OneDrive user interface, but it is not something for a corporate environment.
Use `npm version` to upgrade the version of your SPFx solution
When you like to version your SPFx solutions correctly, then it is not enough to upgrade only the ‘package-solution.json’ in the config folder. You might also want to upgrade the ‘package.json’ file with a corresponding version number too.
