1. Go Mobile with MX! Enhanced Responsiveness in MX 8.2
April 4-5, The Four Seasons Baltimore

2. Go Mobile with MX! Enhanced Responsiveness in MX 8.2
True Responsive Design Built in
Unified User Interface code for All Upgrades
Redesigned Web Parts
Beth Lilienstein Product Manager
for MX Online

3. True Responsive Design Built in

4. Responsive Screens
The goal of our responsiveness redesign was to have MX automatically select the page layout that best fits the device and screen size of the user.
"Most Likely to Succeed"

5. True Responsive Design Built in
The MX User Interface has been Completely re-coded
True Responsive Design Built in
Bootstrap is fully built into the web part controls.
Automatic device detection.
Different form layout for mobile vs. desktop.
Automatic device detection.
Alternative layouts for different devices.
"Most Likely to Succeed"

6. New UI with clean, mobile-friendly forms
Improved form layouts
New UI with clean, mobile-friendly forms
Clean, consistent look and feel
More efficient use of space
“Card” layouts instead of Grids
Group related fields on one line, not just two columns

7. Improved layout and wrapping for both desktop and mobile

8. Alternating View / Edit modes
No Popups for Edit forms
Alternating View / Edit modes
Edit mode replaces the view mode in the same space.
Editable Grids change mode without leaving the grid
Replace Popup Edit forms with in- place Edit mode forms
"Most Likely to Succeed"

9. Responsive Grids and popups
Responsive controls
Responsive Grids and popups
Popup login
Flexible grids that wrap to “card view” lists
Responsive popups
Components that used to be unresponsive are now responsive to all devices

10. Live Demo

11. Unified User Interface code

12. Unified User Interface for all upgrades
Same UI Code for all MX clients
Unified User Interface for all upgrades
Fully compatible with blended sites
No dependencies on DNN or MX Ready2Go
Available for all upgrades - Fully compatible with multiple CMS’s, not just DNN and Ready2Go

13. New stylesheet architecture
Easily override OOTB styling
New stylesheet architecture
Three separate layers of stylesheets:
Your Website styling
MX controls OOTB styling
Your MX styling overrides
MX Upgrades don’t write over client- specific styling

14. Redesigned Web parts

15. Contact, account Basic Information
Redesigned web parts
Basic Information
MX Find
Registration
Shopping Cart
Business Card Layout and content
Layout is fully responsive
No popup for edits
Includes primary address

16. Live Demo

17. No popups for Add and Edit
MX Find and MX Form
Redesigned web parts
No popups for Add and Edit
Edit with templates or use default “Card”, not just grids
Group more than two fields on a row
Basic Information
MX Find
Registration
Shopping Cart
"Most Likely to Succeed"

18. MX Find – Editable Cards

19. Registration web parts
Redesigned web parts
Guest Registration
Select Sessions
All Group Registration web parts
Basic Information
MX Find
Registration
Shopping Cart

20. Guest Registration Go right into an edit form to add a guest.
No grid, no popups.

21. Select Sessions No grid Radio buttons if user needs to make one choice
Checkboxes if no conflicts

22. Group Registration Web Parts
Streamlined process – user can go right to cart
No grids, no popups
Group registrants can add guests

23. Forms fit easily on any device No popups for payment, addresses
Shopping Cart
Redesigned web parts
A wizard process
Forms fit easily on any device
No popups for payment, addresses
No error for incomplete address. Address is entered as a step.
Manage address book easily
Basic Information
MX Find
Registration
Shopping Cart

24. Live Demo

25. Contact US