Umbraco.BlockGrid.Example.Website was an inpiration for this project. And I try to build a similar solution for the new backoffice of Umbraco versions 15+.
This solution comes without a database. Thus you are free to choose during install. All further setup is done with uSync. H5YR! Kevin.
This solution uses a package featuring opinionated package starter H5YR! Lotte.
The goal of this project is to provide a WYSIWG editor for the Block Grid in the backoffice. It should help editors to preview their content without opening a frontend window.
It should also provide a way for collaboration and sharing of best practices. In my experience, it is helpful to have a working solution, as code snippets in the documentation lack context. Although the documentation is very good, it is hard to find the right information in the right context.
- Fork this repository and clone it to your local machine.
- Make sure you have set project Wysiwg.Umbraco.Community.Web as Startup project and hit F5 to start a debugging session.
- Enter the main administrator account credentials.
- Go to the backoffice Settings section, choose uSync in the tree and import all. Refresh the browser page. Go to Content section and start exploring...
- The Web-project uses Web Compile to compile the SCSS files. You can install it from the Visual Studio Marketplace.
Before I decided to publish this project, I have evaluated the possibilities of the new Umbraco backoffice. I have found some limitations and issues that I would like to address in the future. Here are some of them:
- The header and action bar of each layout block are build in such a nested way that it is hard to hide them. I have tried to hide them with CSS, but it is not a good solution. I would like to find a better way to hide them. And I think this should be discussed with the Umbraco team.
- And all usefull components can be inherited or extended. Or I did not understand how to do it.