Laying out your page

Most of the pages in these templates are laid out using a grid. 

Essentially, you will be laying out your pages in a series of rows.  You can put all of your content into a single one-column row. Or you can break it up into many multi-column rows..

To create your first row on a page,  select your desired layout from the Add a Row  prompt at the top  of your blank page. 

To add content to that row, click on the "Add Content" link, and choose the desired content from the popup menu.

Headline

Only use the headline option for the first header on your page.

Image

Select this option to add an image to your section

Rich Text Editor

Use this to insert your text, links, and some styles.

Macro

Use macros to insert custom features. For a description of possible macros, go to the Macros  page.

Quote

Use this to insert a blockquote onto your page.

To add a new row to a section

To add a new row to an existing section, simply click on the add content tab at the bottom of the section.

To add a new section

Click on the plus sign beneath your existing section. Then select the  layout you want in that section.

The DocType Grid Editor

This is a new feature that you can use to insert card type content into your grid. (We will be expanding it to allow for more complex doctypes in the coming months.)

At the moment, you can use it to easily insert a content card into your grid. More implementations will be developed. 

To insert a content card directly into your grid: 

1. create a four-column row.

2. In a column, click on the "Add Content" link. 

3. Click on the "DocType" icon.

4. A panel will open on the right allowing you to enter all of the card details. 

5. Click save. 

Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation.CompilationFailedException: One or more compilation failures occurred:
W:\web\websites\StudentAffairs\StudentAffairs_Umbraco13\app_plugins\doctypegrideditor\render\doctypegrideditor.cshtml(1,19): error CS0234: The type or namespace name 'DocTypeGridEditor' does not exist in the namespace 'Our.Umbraco' (are you missing an assembly reference?)
W:\web\websites\StudentAffairs\StudentAffairs_Umbraco13\app_plugins\doctypegrideditor\render\doctypegrideditor.cshtml(4,26): error CS1061: 'DocTypeGridEditorHelper' does not contain a definition for 'RenderDocTypeGridEditorItem' and no accessible extension method 'RenderDocTypeGridEditorItem' accepting a first argument of type 'DocTypeGridEditorHelper' could be found (are you missing a using directive or an assembly reference?)
dyip1liz.vka(40,16): error CS0246: The type or namespace name 'DocTypeGridEditorHelper' could not be found (are you missing a using directive or an assembly reference?)
   at Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation.RuntimeViewCompiler.CompileAndEmit(RazorCodeDocument codeDocument, String generatedCode)
   at Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation.RuntimeViewCompiler.CompileAndEmit(String relativePath)
   at Microsoft.AspNetCore.Mvc.Razor.RuntimeCompilation.RuntimeViewCompiler.OnCacheMiss(String normalizedPath)
--- End of stack trace from previous location ---
   at Microsoft.AspNetCore.Mvc.Razor.RazorViewEngine.CreateCacheResult(HashSet`1 expirationTokens, String relativePath, Boolean isMainPage)
   at Microsoft.AspNetCore.Mvc.Razor.RazorViewEngine.LocatePageFromPath(String executingFilePath, String pagePath, Boolean isMainPage)
   at Umbraco.Cms.Web.Website.ViewEngines.ProfilingViewEngine.GetView(String executingFilePath, String viewPath, Boolean isMainPage)
   at Microsoft.AspNetCore.Mvc.ViewFeatures.HtmlHelper.RenderPartialCoreAsync(String partialViewName, Object model, ViewDataDictionary viewData, TextWriter writer)
   at Microsoft.AspNetCore.Mvc.ViewFeatures.HtmlHelper.PartialAsync(String partialViewName, Object model, ViewDataDictionary viewData)
   at AspNetCore.Views_Partials_grid_editors_base.ExecuteAsync() in W:\web\websites\StudentAffairs\StudentAffairs_Umbraco13\Views\Partials\grid\editors\base.cshtml:line 6