1 Company Confidential

DotNetNuke 6 UI/UX PatternsBrian Dukes

Chief Software Architect

Engage Software

2 Company Confidential

About Me

3 Company Confidential

About Me

Chief Software Architect at Engage Software

DotNetNuke Developer since 2005

Microsoft Certified Professional Developer

Professional DNN 6 Form Pattern Implementer

4 Company Confidential

Agenda

What’s new?

What’s changed?

How’s it done?

5 Company Confidential 5

What’s New?

6 Company Confidential

What’s New?

Semantic Markup

CSS Classes

Tabs

Panels

Buttons

Tooltips

Dialogs

Messages and Validation

Icons

7 Company Confidential

What’s New?

To the Web!(Demo Time)

8 Company Confidential 8

What’s Changed?

9 Company Confidential

What’s Changed?

CSS classes and form markup• Default.css provides default styles for you to take advantage of

JavaScript goodies• Common plugins• jQuery UI• Expectation that you can wire up some JavaScript if you need

to

Expect better markup from core modules

Expect to butt heads with default.css, that’s okay• Textbox widths

10 Company Confidential 10

How’s it done?

11 Company Confidential

How’s it done?

To the Web!(Demo Time)

12 Company Confidential 12

Questions

13 Company Confidential 13

“Engage!”

Oh yes we did. Free t-shirts at our booth.