In the jQuery days, we had a fake pseudo selector named ‘:header’ that allowed you to select all h1 to h6 headers on a page.
CSS does not support this pseudo selector, but here is what you can write instead. [Read more]
0 comment
Diversity in your HTML
Recently, I started a newsletter. During the planning phase, I thought about content for my humbled subscribers. I watched a couple of development sessions while attending the Microsoft 365 Community Day. While great developers delivered those sessions, I recognised the overuse of <div> elements.
[Read more]
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.
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]
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]
How to make CSS Variables work in every web part context
In the recent blog post on how to make a web part works with different section backgrounds using CSS variables, I already covered. At the same time, this works perfectly for just regular web parts. There are specific scenarios, where this approach fails.
The Beautiful Quote for SharePoint – Demo video now available
During summer there were two great PnP Summer Camps. In the second edition, I had the opportunity to demonstrate a cool looking web part. A web part that allows the user to edit the content directly on the page. Similar to the out of the box web parts but with a big difference. All the edit capability don’t use any fancy third party library.
[Read more]
SPFx-uifabric-themes v0.7.0 released aka SPFx-uifabric-themes AliceBlue
Its been a while since the last release for my toolset for Theming in SharePoint development. I work on a product, and I have to make sure that the web part design is flexible enough to work great with any SharePoint applied theme. I discovered many changes in the currently available theme slots.
The support in case of SASS variables in your standard SharePoint project is limited. It was time to update my tool, but it comes with more great features that only SASS variables.