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

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

True Responsive Design Built in

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"

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"

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

Improved layout and wrapping for both desktop and mobile

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"

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

Live Demo

Unified User Interface code

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

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

Redesigned Web parts

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

Live Demo

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"

MX Find – Editable Cards

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

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

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

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

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

Live Demo

Contact US