Tailor the Block Grid Editor to your needs

When:
- |
Track:
Sessions

In this workshop, you learn how the layout abilities of the Block Grid Editor can accommodate your project.

We will not just use the editor as it comes but we will look into how the layout can be fully customized.

This includes:
Using the same stylesheet within your front-end and back-office.
Making special layout rules for individual Blocks, such as responsive behavior. Writing custom views for Blocks. Making contextual styling, such as different appearances based on Block size and styling adapted to the context of the Block.

If you want to create an immersive editorial experience for your Content Writers, then this will be the workshop for you.

You should be familiar with the most common HTML, CSS features. Knowledge of modern CSS techniques is not required as we will learn some of that as part of this workshop.

As well you must have a good basic understanding of Umbraco Backoffice as we will be making DocumentTypes, Razor Templates, ElementTypes, and DataTypes. Generally taking it for granted that you are aware of how this is done.

And you should have awareness of the Block Grid Editor, as we will jump straight into customizing this.

Niels Lyngsø

Niels Lyngsø

UI/UX Engineer @ Umbraco HQ

Other sessions from: Umbraco Community Day

Going Headless with MVC

Going Headless with MVC

Design your Umbraco solution so you can prepare yourself for headless while...

Roy Berris Roy Berris
Containers and Umbraco - using Docker to host a load balanced Umbraco website

Containers and Umbraco - using Docker to host a load balanced Umbraco website

In this workshop I'll be looking at how to use Umbraco in a load-balanced...

Carl Sargunar Carl Sargunar
Finding Contentment

Finding Contentment

Contentment is a multi-award winning Umbraco package, but why? If you have...

Lee Kelleher Lee Kelleher
You're already doing DXP - you just didn't know it

You're already doing DXP - you just didn't know it

We will explore what a (composable) Digital Experience Platform (DXP) is, a...

Rachel Breeze Rachel Breeze
Phil Whittaker Phil Whittaker
What's new in C#

What's new in C#

C# 11 was released last November with a number of new language features for...

Mads Torgersen Mads Torgersen
Dustin Campbell Dustin Campbell
Hands on with 10 of the best Umbraco packages

Hands on with 10 of the best Umbraco packages

Umbraco has so many great packages but how do you know which ones are good,...

Paul Seal Paul Seal