Products

Solutions

Learn More

Partners

Community

Blog

About

DNN Community Blog

The Community Blog is a personal opinion of community members and by no means the official standpoint of DNN Corp or DNN Platform. This is a place to express personal thoughts about DNNPlatform, the community and its ecosystem. Do you have useful information that you would like to share with the DNN Community in a featured article or blog? If so, please contact .

The use of the Community Blog is covered by our Community Blog Guidelines - please read before commenting or posting.


DNN 9: Understanding the Persona Bar

Overview

DNN-9Have you ever used an application and found that you loved the user interface? That you actually found the application a pleasure to use? It seems like every year there is a new application or device with a fresh new UI that captures everyone’s attention. A great user experience can elevate an application above its competition.

In 2013 we began work on a project to rethink the DNN administrative experience. The goal of the project was to create an admin UI which was faster and more intuitive for users. The UI needed to be fully isolated from the rest of the site so that the admin design did not interfere with website themes or modules.

The DNN 9 Persona Bar is the third iteration of this admin experience.  The Persona Bar in Evoq Social and subsequently in Evoq Content were limited in scope and sought to work out the kinks in the experience before we rolled it out throughout the entire framework.

What is it?

First and foremost, the Persona Bar is a direct replacement for the existing control panel concept.  The control panel has historically been used to provide tools for managing your site. The control panel allowed users to perform simple tasks without leaving the current page. Many of the tasks in the control panel could be accomplished from dedicated admin pages, however, navigating to those admin pages often required many different page repaints and completely pulled the user out of the page and content centric experience that is the hallmark of DNN.

PB Diagram

The Persona Bar turns the concept of the control panel on its head. The Persona Bar seeks to provide a blazingly fast experience that slides out over the current page and doesn’t cause the user to lose their current context. By creating a super-fast UI, the Persona Bar minimizes the need for shortcuts.

The DNN 9 Persona Bar is a complete framework and container for building administrative tools.  Prior to DNN 9, all of the primary admin UIs were built as a series of modules and pages. With DNN 9, admin tools are now hosted completely within the Persona Bar.  This simplifies page management and provides for a more consistent and pleasant user experience.

One of the benefits of the page based admin approach used in prior DNN versions, was that it was easy for developers to build new admin tools and add them to the Admin or Host menus. The DNN 9 Persona Bar will also make it easy for developers to include new admin tools using the new Persona Bar extension type. Like all DNN extensions, the host administrator can install, uninstall and configure any Persona Bar extension.

Extensions

The DNN control panel has traditionally been injected directly into the page.  This approach works well, but requires additional work to prevent conflicts between control panel styles and JavaScript and the CSS and JavaScript needed by page themes and modules. The Persona Bar avoids these potential conflicts by using an iframe to completely isolate any CSS and JavaScript from the website.  This will significantly reduce testing requirements by the DNN team as well as theme designers and module developers.

Unlike the control panel, the new Persona Bar includes the ability to give any role access to features installed in the Persona Bar. In DNN 9, these roles will be defined in the database.  A future release will include a UI for managing Persona Bar permissions. This role based access provides significant flexibility to Admin tool developers.  Now you can enable fine grained access to admin features by allowing roles access to select portions of an admin tool.

What do you Think?

The DNN 9 Persona Bar represents a major change for the DNN admin experience. The new Persona Bar builds on many of the great features of the current control panel while also addressing many of its shortcomings. What do you think?  Have you tried the DNN 9 nightly builds yet?  If urge you to check them out and let me know what you think of the new Persona Bar.

Bonus: Checkout this recent video by Aderson Oliveira for a quick rundown of the new Persona Bar.

Comments

John Cornelison
Looks great, but I hope the Personna bar can be minimized/hidden when not needed. Could it shrink to a thinner bar until hovered over? I'm thinking about mobile usage scenarios. Keep up the good work!
John Cornelison Sunday, October 23, 2016 12:55 PM (link)

Comment Form

Only registered users may post comments.

NewsArchives


2sic Daniel Mettler (133)
Aderson Oliveira (15)
Alec Whittington (11)
Alex Shirley (10)
Andrew Nurse (30)
Anthony Glenwright (5)
Antonio Chagoury (28)
Ash Prasad (25)
Ben Schmidt (1)
Benjamin Hermann (25)
Benoit Sarton (9)
Beth Firebaugh (12)
Bill Walker (36)
Bob Kruger (5)
Brian Dukes (2)
Brice Snow (1)
Bruce Chapman (20)
Bryan Andrews (1)
cathal connolly (55)
Charles Nurse (163)
Chris Hammond (203)
Chris Paterra (55)
Clinton Patterson (28)
Cuong Dang (21)
Daniel Bartholomew (2)
Dave Buckner (2)
David Poindexter (3)
David Rodriguez (2)
Doug Howell (11)
Erik van Ballegoij (30)
Ernst Peter Tamminga (74)
Geoff Barlow (7)
Gifford Watkins (3)
Gilles Le Pigocher (3)
Ian Robinson (7)
Israel Martinez (17)
Jan Blomquist (2)
Jan Jonas (3)
Jaspreet Bhatia (1)
Jenni Merrifield (6)
Joe Brinkman (270)
John Mitchell (1)
Jon Henning (14)
Jonathan Sheely (4)
Jordan Coopersmith (1)
Joseph Craig (2)
Kan Ma (1)
Keivan Beigi (3)
Ken Grierson (10)
Kevin Schreiner (6)
Leigh Pointer (31)
Lorraine Young (60)
Malik Khan (1)
Matthias Schlomann (15)
Mauricio Márquez (5)
Michael Doxsey (7)
Michael Tobisch (3)
Michael Washington (202)
Mike Horton (19)
Mitchel Sellers (28)
Nathan Rover (3)
Navin V Nagiah (14)
Néstor Sánchez (31)
Nik Kalyani (14)
Peter Donker (52)
Philip Beadle (135)
Philipp Becker (4)
Richard Dumas (22)
Robert J Collins (5)
Roger Selwyn (8)
Ruben Lopez (1)
Ryan Martinez (1)
Salar Golestanian (4)
Sanjay Mehrotra (9)
Scott McCulloch (1)
Scott S (11)
Scott Wilkinson (3)
Scott Willhite (97)
Sebastian Leupold (80)
Shaun Walker (237)
Shawn Mehaffie (17)
Stefan Cullmann (12)
Stefan Kamphuis (12)
Steve Fabian (31)
Timo Breumelhof (24)
Tony Henrich (3)
Torsten Weggen (2)
Vicenç Masanas (27)
Vincent Nguyen (3)
Vitaly Kozadayev (6)
Will Morgenweck (37)
Will Strohl (164)
William Severance (5)
DNN Launch Webinar
REGISTER NOW
DNN Launch Webinar
REGISTER NOW
DNN Launch Webinar
REGISTER NOW