DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’»

DEV Community πŸ‘©β€πŸ’»πŸ‘¨β€πŸ’» is a community of 963,274 amazing developers

We're a place where coders share, stay up-to-date and grow their careers.

Create account Log in
Cover image for Umbraco 10 - ContentWithAside BlockList editor package
Gareth Wright
Gareth Wright

Posted on • Updated on

Umbraco 10 - ContentWithAside BlockList editor package

I've packaged up a piece of code that was posted about in this Umbraco 24days.in article: https://24days.in/umbraco-cms/2020/grid-nouveau-block-list/ by SΓΈren Kottal, https://github.com/skttl.

I've made a couple of tweaks to the CSS to tighten up the look and feel. However, it's basically a package that allows you to see two columns in the block list editor.

ContentWithAside

You need to install the package via nuget:
https://www.nuget.org/packages/punkContentWithAside

Install-Package punkContentWithAside
Enter fullscreen mode Exit fullscreen mode

Once installed, configure your block list editor as follows:

Using the block list editor, select the component you want to use, ensuring the component has multiple block list properties for "content" and "aside".

Set the custom view of the component to be

~/app_plugins/punkContentWithAside/punkcontentwithaside.html
Enter fullscreen mode Exit fullscreen mode

Component view

Also set the "force hide content editor" in the advanced settings of the component.

Force hide content editor

GitHub logo garpunkal / punkContentWithAside

An app_plugin for Umbraco that allows you to view a Block List in two columns.

Any questions, just give me a shout on https://twitter.com/garpunkal

Oldest comments (0)

🌚 Browsing with dark mode makes you a better developer.

It's a scientific fact.