Version 0.7.0 of hTWOo got released today. [Read more]
ReactJS support for hTWOo now released
I am happy to announce that hTWOo ReactJS got released.
[Read more]
hTWOo v0.4.0 got released – more Teams and improvements
Version 0.4.0 got finally released, and first of all, I have to thank three people who helped me make this version possible.
hTWOo v0.3.0 released – Teams Splash Cards, Placeholder and demo
Recently version 0.3.0 of hTWOo UI was released, time to give you an update on the new additions.
Fluent Design is all about the consistent experience through all applications in the Microsoft 365 stack. While Fluent UI Framework still tries to harmonise the various Frameworks, hTWOo extends the reach from pure SharePoint framework UI components into the Teams customisations space.
Getting started with hTWOo UI: No-framework SPFx web part
I am pretty excited on the last weeks launch of hTWOo. It is time to show you how to get started in the most simple possible way and how to add a simple themed button to your web part.
Build a SharePoint / Fluent UI compliant grid from scratch
Building a grid system in the past had a lot to do with math. Luckily, implementing a grid system has dramatically changed over the last years. You don’t rely on any framework such as Fluent UI to get your things done right.
SharePoint also has a concept of single part app pages. This page type gives you an entirely blank canvas, enabling the full potential and possibilities for an application. It also comes without any grid system, but this is something we can address.
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.
A Design Review on Site Logos in SharePoint
In one of the latest design iterations, the site logo has changed to incorporate the new Fluent UI design. The site logo has now rounded borders. Let’s do a quick design review of how this work or don’t work for some companies.
In the end, you will learn a trick on how to revert the changes, Microsoft did on the logo.
Make Fluent UI icon font work in Microsoft Teams
After the first article on how to make Segoe UI (pronounced: SEE-Go) in Microsoft Teams, I got an additional question. The question was if this will work with all the required icon font in teams too. For that, we need an extra font to get loaded.
[Read more]