Blog

This episode walks you through building the call to action, icon link, and image with caption blocks for the block grid. You will create element types, configure nested blocks within the call to action layout, write Razor views for each component, and wire everything together in the Umbraco backoffice.

In this episode you will create the image links block for displaying clickable image cards on your pages. We build the element type with image and link properties, configure it within the block grid, and write the Razor partial view to render responsive image link components on the frontend of the site.

This episode covers creating block grid content blocks for your pages. You will build a standard page header component, configure the rich text editor with custom toolbar options, and learn how to set up block grid areas and layouts to give editors a flexible and structured page building experience in Umbraco.

In this episode you will build the website footer using the block grid editor in Umbraco 13. We create a three-column footer layout with footer content blocks and social icon links using a nested block list. You will learn how to combine block lists inside block grids and render them with Razor views.

This episode teaches you how to build a fully editable navigation using the block grid editor in Umbraco 13. You will create element types for navigation items with dropdowns, configure the block grid data type, build Razor partial views to render the navigation, and manage it all from the backoffice.

In this episode we dive deep into document types in Umbraco 13. You will create content pages, a homepage, a search page, and site settings. We cover data types, compositions, components, the umbracoNaviHide property, tagging, dynamic routes as an XPath replacement, and setting up ModelsBuilder for strongly typed models.

This episode covers Umbraco templates and Razor views. You will download a Bootstrap theme, integrate it into Umbraco, split the HTML into reusable partial views, learn about view imports and layout files, and create dictionary values for managing shared text content across your site in a clean way.

In this episode you will install Umbraco 13 from scratch using the dotnet CLI and Package Script Writer. We explore the different Umbraco versions, tour the backoffice admin interface, create your first homepage document type, edit a template, and make content editable using Umbraco properties and CodePen examples.

This episode introduces the full Umbraco 13 tutorial series. You will see a preview of the finished website we are building together, including block grid editing, block previews in the backoffice, navigation, a working contact form, tagging, and search with Examine. It sets the stage for everything ahead.

I wanted to document my visit to Umbraco Spark 2024 with some images and text.

This post shows you how to fix the umbraco deploy schema mismatch error where the database type is different

Learn Umbraco 13 with our complete video tutorial series. Master document types, block grids, forms, search, and more. Perfect for .NET developers.