![]() ![]() To allow more content editors to use more than one component editor, you add more items in the 'allowedDocTypes' section. To allow components to be added to the editor is done within the allowedDocTypes property as an array list. In your editor definitions, you can add a new editor definition by adding a new object (JSON) into the array list. You will obviously be configuring this file based on your requirements and components. Thie container I will use will be called main, so I'll delete everything else from. I'm hoping by stripping everything out, it will make this tutorial simpler to understand. In this tutorial, I'm going to only enable a single editable container. This is done within (found within your config folder). To install the package, you can run this command in your NuGet console (you can find more information about this package here):Īfter the package has installed, you will need to configure it. In this example, let us assume you have a document type created for a page and on that page, you have added a grid layout property.įor this tutorial, we will create a simple text block, which will look like this:įirst, we need to install the package, this can be done via NuGet. This article assumes that you understand how the grid layout property works but if you need a refresher, read this first. Getting Started With Doc Type Grid Editor Once everything has been built, you can combine these blocks with the Umbraco model builder so you can use strongly typed objects within your views. Each property defined on the document type will map to a property a content editor can use when adding that block inside of a grid. Using document types to define components (I also refer to them as blocks) is great. After installing the package you can use document types to create components that can be used by content editors within the grid editor. The doctype editor does exactly as the name implies. When installed the doc-type editor will automagically allow document types to be used with the grid layout property □□□ There is an excellent open-source community package that can be installed within your project called doc type grid editor. Instead of using the out-of-the-box property, I am going to show you how you can use document types with the grid layout property! If you want to level up your Umbraco skills, then read on □ Introducing Doc Type Grid Editor This means that if you want to use strongly-typed models in your grid layout components HTML then you will need to write a lot of code yourself. Not being able to use document-types, means we cant use the Umbraco models builder. Out-of-the-box, Umbraco surprisingly doesn't provide any way for you to create component/blocks that can be used within the new grid layout editor. ![]() In this tutorial, you will learn how to use the Grid layout within Umbraco V7 using document types as the building blocks for the components. ![]()
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |