Umbraco Packages and Helping Content EditorsJason Prothero and Alan Ballard

uWestFest ‘16 - San Diego, CA

Who are we?

Jason ProtheroFront-end, Back-end

Technical Lead

Alan BallardWeb Designer / Front-End

Developer

1.Content Editor Usability

2.Packages to Love3.Q/A

Improve the Content Editor’s

ExperienceIt’s the little things

Add property descriptions

DocTypes inheritance

Use tabs wisely

Pick icons that make sense

Organize the Media

Use the dictionary

RTE stylesheets and toolbar

Customize the List Views

Add property descriptions

“What the heck is this for?”

DocTypes inheritance

“Why do I need all this?”

Use tabs wisely

hyenacub.deviantart.com

“Why is all this stuff mixed together?”

“Where do I change that property again? There’s soo many tabs!”

Pick icons that make sense

“Why is everything a folder?”

Organize the Media

“This is a mess, I can’t find anything.”

Use the dictionary

“Why can’t I change this text?”

RTE stylesheets and toolbar

“This doesn’t look anything like the site.”

Customize the List Views

“Who cares about that field, I don’t want to see it.”

Give Them Help

Custom Dashboard Bookshelf Inline Help

Packages to

Most popular packages

Nested Content

Diplo Trace Log Viewer

nuPickers

Property Editors

Nested Content

Allows editors to create lists of complex data on a property.

Document Types are the data definition.

Trust me, this is cool.

nuPickers

Data Sources:SQL, XML, JSON, .NET Classes, Enums, Examine

And that’s not all!

Custom Label Rendering using Macros

More Property Editors to Try:

Archetype

u7 Grid DataType

Content Picker with Preview

Extended Media Picker

UrlPicker

MultiUrlPicker

Angular Maps

Switcher

Vorto

Packages to Help You

Diplo Trace Log Viewer

View the Umbraco Log files without logging in to the server.

More Packages to

Help You:

Core Value Converters

uSync

Hybrid Framework

Ditto

LINQ to Examine

UmbracoFileSystemProvider.Azure

MemberListView for Umbraco 7

UnVersion

TheDashboard

Grid Packages

LePainter

Enhance the grid rendering to provide a hint at the front-end view.

More Grid Packages:

DocType Grid Editor

LeBlender

Umbraco Grid Renderers

AttackMonkey Grid Locker

Don’t Reinvent the WheelDon’t Be Afraid To Ask

Where to Learn and Get

Help:

Learn

Our.Umbraco.org

uHangouts on YouTube

Conference and Festival Videos

Umbraco.tv

Ask

Our.Umbraco.org

Twitter

Slack(umbracians-chat.herokuapp.com)

Questions?