With the introduction of SharePoint Framework 1.19.0, new quirks were brought in, particularly related to the recent Webpack 5 upgrade. This might lead to an issue like the one described below.
Manage the Position of your HTML Dialog on SharePoint Pages
This article is one of the follow-up articles on how to use the HTML Dialog element in SharePoint Framework. Now we look closer at the possibilities of positioning the modal dialogue.
You will learn to put the dialogue on the page’s top, bottom, left, and right.
How to create native HTML Modal Dialogs instead SPFx Dialogs
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]
CSS Media Queries in JavaScript
There are many ways to react to layout changes in HTML. You can use Resize Observers, Intersection Observer or Mutation Observers.
[Read more]
hTWOo Version 1.0 release – spfx-uifabric-themes deprecated
The last month has proven that hTWOo-core is the most versatile Microsoft Fluent Design implementation on the web. I am happy to announce that hTWOo has reached a new milestone in publishing VERSION 1.0.
[Read more]
Guidance for CSS in SharePoint Framework
Besides all the JavaScript/TypeScript files, you will get CSS when you provision a new SharePoint Framework project. In this blog post, I try to explain just something simple. How to name your CSS files correctly and what difference your naming makes.
CSS Keyframe Animations in SharePoint Framework
Using a @keyframes animation in SPFx might not work for you. The reason is the built-in CSS Modules that needs a special treatment defining the animation and how you have to call them.
First, let’s take a look at the issue.
[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.
New features in hTWOo UI version 0.2.0
With yesterday released version 0.2.x there comes a new feature that helps you to create a responsive overflow for command bars and pivot bars.