![]() Then check the Headline and Two Column configurations. Select the 8 column cell and uncheck all row configurations.Check only the headline row configuration:.Click on the 2 Column layout, select the 4 column cell and uncheck ‘Allow all row configurations’: Now lets go back to the Grid Layouts section, We want the 2 Column layout to only be able to add the ‘Headline’ (full width) row to the 4 column cell and to only be able to add the ‘Headline’ and ‘Two Column’ row to the 8 Column cell.Repeat above setup to create a Three Column row configuration, you should now have something that looks like this:.Allow All Editors: Uncecking this field allows you to define which editors the content editor is allowed to add to this cell. Delete: Delete allows you to delete the current cell that is selected. The other settings can be left as default: Maximum Items: This defines the maxium amount of editors that can be added to this cell by the content editor.Set the width to ‘6’ and then click the plus icon again:. ![]() Click on ‘add row configuration’, give it a name of Two Column and then click the ‘+’: The column count we are using is 12, this means we want a 6,6 row and a 4,4,4 row. Let’s add two new row configurations, we want to add a two-col config and three-col config made up of equal parts.For this we will leave the default layouts already defined, however we will be making a change to allowed rows after configuring a few. However, some designs/sites may want a Sidebar layout. The first configuration you will see is Grid Layouts, when there has yet to be any content added the editor will have a choice of layouts.Select ‘Grid layout’ from the property editors in the drop down:.This will open a dialog window, select New data type: From the Umbraco back office navigate to the Developer section, hover over the Data Types folder and click the three dots.Let’s get started with the configuration, I will also run through what all the different settings are and how they are used. To get started Navigate to the Umbraco back office (If you need help setting up Umbraco reference the Initial Developer Guide for guidance) However, the property editor exists and has a nice GUI setup for configuring the settings effortlessly. On a fresh install of Umbraco there is no pre-configured Grid Layout ready to go. To start clone the repository from this location: This project comes with a basic install of Umbraco and a homepage already configured. We will also have a look at a custom plugin called ‘Doc Type Grid Editor’, This allows document types to be used to populate a grid cell. Content Templates are particularly useful with the Grid Layout. In this Guide we will cover the basics of using the Grid Layout property, configuring our first Grid Layout, setting custom settings and styles, how to use them in the Content section and how to configure Content Templates. This post was originally posted on Umbraco Grid Layout Guide
0 Comments
Leave a Reply. |
AuthorWrite something about yourself. No need to be fancy, just an overview. ArchivesCategories |