Ever wanted to do more than just the default Grid in Umbraco? Learn how the Umbraco Grid can be extended to do more than what is just available out of the box.
You will see how to create new grid items from scratch, use other packages to easily create grid items, how you can customize Umbraco’s rendering of the Grid.
And most importantly – when NOT to use the Grid - yes there are cases
18. LEBLENDER EDITOR
PROS
• UI for creating Grid Editors
• Works with most data types
• Easy to have/make editor preview
mode
CONS
• Doesn’t work with NestedContent
• Model is LeBlenderModel
• Editor UI is limited to right-hand side
• No data validation
19. DOC TYPE GRID
EDITOR
• Package by Matt & Lee
• Just document types
• Tabs, data types, description,
validation etc.
20. DOC TYPE GRID
EDITOR
• Register in
grid.editors.config.js
• Changed a bit of the default
23. DOC TYPE GRID EDITOR
PROS
• Just Umbraco document types
• Model is IPublishedContent
• Umbraco 7 UI
• Easy to make editor preview mode
CONS
• Editor UI is limited to right-hand side
• Manual change grid.editors.config.js
37. LESSONS
LEARNED
• Use the grid when it make sense
• Keep it simple!
• Doc Type Grid Editor is easy and versatile
• Use row/cell settings – not styles
• Multiple grid and row layouts is time consuming
• 3 different content ways
• Hardcode
• Ribbons – Nested Content
• Grid page – 1 grid layout, row config for columns