Umbraco

Umbraco 10.3 Release

Find out what you get with this brand new version of Umbraco

Bjarke Berg
Written by Bjarke Berg

A brand new release of Umbraco is ready with new functionality for copying Data Types, the Umbraco UI Library is now available to use for extensions and a long list of improvements, tweaks and bug fixes. A smaller release in the grand scheme of things but it provides plenty of improvements across the board - let's take a closer look.

Update (October 20, 2022): We have identified a small issue in Umbraco 10.3 that unfortunately breaks the test integration package for Umbraco CMS. Note that you will only encounter issues if you are using this package. A patch has been released and we recommend starting new projects or upgrading existing ones to Umbraco 10.3.1. Umbraco Cloud projects are of course running the latest version.

Overview

What’s new in Umbraco 10.3

Some great new features are available as well as a long list of improvements and fixes.

 

Copy Data Type

Data Types are the configuration of Property Editors in the backoffice. These configurations can get quite complex, especially for the more advanced editors such as the Block List editor. With Umbraco 10.3 you now get the ability to copy an existing Data Type.


It works the same as copying other entities in the backoffice by opening up the actions menu (right-clicking a node), selecting the Copy action and choose the destination. 

This is great if you want to create a Data Type similar to something already being used. Now you don’t have to go through the entire configuration from scratch. It can also be helpful if you want to test out changes before actually applying them to an existing Data Type. Simply copy it and you can do your tests without touching the original Data Type.

This feature was intended to be in the 10.2 release but was unfortunately not included in the release candidate, so we had to push it a bit. It’s been worth the wait though, a really helpful piece of functionality. Thanks to Pattrick de Mooij for the contribution (and patience) 🙌

Umbraco UI Library is now included

The Umbraco UI Library now ships with Umbraco CMS. While we’re still ways out from having a new backoffice built with the new component library, it is released in its first major version (currently 1.0.2) and It is used for the new Block Grid Editor.

This means that it can be used for package development as well and help prepare for the new backoffice implementation currently scheduled for Umbraco 13.

Illustration showing Umbraco UI components in a book situated on a table. Surrounded by a coffe mug with the Umbraco logo, a pencil and a chair. background is dark with a window and a plant.

The UI Library is maintained in its own GitHub repository, where contributions are very welcome. In fact, the UI Library is enrolled in Hacktoberfest ‘22, so any contribution to the UI Library count towards your Hacktoberfest number. We would also like to receive bug reports on GitHub.

See the GitHub repository if you want to dive into the code base of the library.

Also, see the issue tracker to learn more about how to contribute or report bugs.

How do I get started?

Because the UI Library is now included by default in the backoffice, you no longer need to install it manually. All assets required to run the components are now loaded by default. You can simply start using the components as described in our Storybook in any custom view in the backoffice.

Please note that there is no direct integration with the AngularJS services, but the UI Library components (prefixed with uui-) work well with AngularJS bindings, e.g. “ng-click” and AngularJS values can be used directly such as

See the Umbraco UI Library documentation for more information.

Hacktober fest in full swing 🎃

The yearly Hacktoberfest is well underway and there are already 4 contributions included in this release. Amazing to see!

If you don’t know what Hacktoberfest is, or you haven’t participated before, you can get all the details in the Hacktoberfest 2022 blog post. This year there are more places to contribute than ever before, including to projects in the Umbraco community and it’s a great way to learn more about open-source, meet new people, and maybe even get some exclusive swag.

This weekend (October 21 and 22) the Umbraco x Candid Contributions Hacktoberfest Hackathon is taking place and everyone is invited to join. It’s an online hackathon with a relaxed environment for people to share ideas, seek inspiration, get guidance, find collaborators, or just have some company whilst hacking away. 

Updated Dependencies

And much more…

There’s a whole lot more included in the release. There is yet another round of accessibility updates helping improve the user experience in the backoffice. Some great additions to the developer experience such as support for asynchronous AngularJS filtes. There are updates to Dutch and Spanish translations, performance improvements, and more.

You can see the full list of features, improvements, and fixes in the release notes for Umbraco 10.3

What’s changed since the Release Candidate 

The main change since the release candidate is that the Block Grid has been postponed and will be shipped in Umbraco 11 (release candidate is out), and added to Umbraco 10 in a currently unscheduled 10.4 release to ensure it is part of the LTS version as well.

We received lots of good feedback on the Block Grid editor. Most concerns are already addressed but we think it is beneficial with one more round of RC period.


The main things we still want to address are support for inline editing like in the existing Grid Layout property editor and a sort mode together with further polishing.

Community Contributions

Of the 58 bug fixes and feature additions in Umbraco 10.3.0, a total of 37 of them have been contributed by the community, by 19 unique contributors. 

Big HIGH FIVE YOU ROCK to all 🙌

Erik-Jan Westendorp - 7 PRs 

Patrick De Mooij - 6 PRs

Bjarne Fyrstenborg - 5 PRs 

Justin Neville - 3 PRs

Anders Bjerner - 2 PRs 

Jeavon Leopold - 1 PR 

KarlButler1 - 1 PR 

Sean Thorne - 1 PR 

Büşra Şengül - 1 PR

Lucas Bach Bisgaard - 1 PR 

Mike Masey - 1 PR 

Matthew Care - 1 PR 

Michael Reiter - 1 PR 

Chad - 1 PR 

Mayur Deore - 1 PR    

sashashura - 1 PR    

neilnaveen - 1 PR 

Mikael Lindemann - 1 PR 

Daniël Knippers - 1 PR

 


And of course, as a thank you, we’ve just added another bunch of trees to our growing plot for today’s 10.3.0 release to celebrate your contributions! 🌳🌲🌴

How to get your hands on Umbraco 10.3

Update (October 20, 2022): We have identified a small issue in Umbraco 10.3 that unfortunately breaks the test integration package for Umbraco CMS. A patch has been released and we recommend starting new projects or upgrading existing ones to Umbraco 10.3.1. Umbraco Cloud projects are of course running the latest version.

As always, from today, all new Umbraco 10 projects on Umbraco Cloud will be running 10.3.1 For all our Umbraco Cloud customers with existing projects, this upgrade is only 2 minutes away:

We’ve wrapped it all up for you, so all you have to do now is follow these steps:

  • Add a Development Environment to your project, if you do not already have one (Add a Development environment by clicking “Manage Environments” in the project view)
  • Make sure you also restore the content to the Development Environment from your Live.
  • When the Development Environment is all set up and you’ve made sure you don’t have any pending changes on the Development Environment - you are all ready to upgrade to Umbraco 10.3!
  • It's as easy as clicking a button - like, literally clicking the "Upgrade Available" button on the Development Environment. The auto-upgrader will take care of everything from here! 🚀
  • Once it's done, check the Development Environment to make sure everything is looking right.
  • When that's confirmed, you are ready to deploy the upgrade to the next environment - Live or Staging, and start taking full advantage of all the new features.

Non-Cloud and release notes:

As always, installation and release notes can be found on Our: https://our.umbraco.com/contribute/releases/1031

This release is also available from NuGet: https://www.nuget.org/packages/Umbraco.Cms/10.3.1