DotNetNuke 6 User Interface Patterns and Conventions

Return to previous page

  • 4/7/2015
  • 492 Views

Comments

492 Views

DotNetNuke 6 User Interface Patterns and Conventions

Last updated 6 years ago

Comments

Common

(Enter the content of this article below)

Advanced

 
DotNetNuke 6 includes an updated, modern user interface throughout the framework. The practices and conventions followed to create this user interface can be utilized by DotNetNuke extension developers as well. This creates user interface consistency throughout the framework, and helps to speed up the development process as well by providing the basics out of the box.

Overview

The goals for building user interface components are as follows:

  • Allow for reuse across the framework for a consistent user experience
  • Create a DNN CSS scope to avoid compatibility issues with other frameworks
  • Save time on front end development

Semantic Markup

To do:

write out an overview of the concept - benefits, etc - and point to some helpful articles.
Generic non-dnn examples

HTML Conventions (Form Patterns)

  • Full Form Example
  • Module Wrapper (establish scope)
  • Navigation (tabs)
  • Sections (panels)
  • Groups (fieldsets)
  • Items (row of data, label and input)
  • Messaging (validation -inline and summary - warning, success, error)
  • Buttons - action items - command buttons

The DNN CSS Foundations

Default.css stuff

Augmenting the foundation

Module.css, etc, overiding the foundation
Contents
No sections defined

DNN Digest is our monthly email newsletter. It highlights news and content from around the DNN ecosystem, such as new modules and themes, messages from leadership, blog posts and notable tweets. Keep your finger on the pulse of the ecosystem by subscribing.  


Copyright 2017 by DNN Corp Terms of Use Privacy
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out
What is Liquid Content?
Find Out