With December 2012 Update for Microsoft Dynamics CRM , we were able to deliver a much more modern UI to our customers. However there is a problem. This modern UI looks great on one specific resolution and then doesn’t scale well at all for any other resolution. There were also many limitations that made the form look odd in certain places. Many things just start getting cut off like header tiles, form title. Content doesn’t reflow and scroll bar starts showing up after certain resolution.
All these limitations forces available space not to be used efficiently and makes user experience a bit annoying.
Now with Orion or Microsoft Dynamic CRM 2013, we make the user experience better with Responsive Web Design to handle most of the resize problems. This approach provides an optimal viewing experience — easy reading with a minimum of resizing and scrolling across a wide range of devices (ranges from Tablet devices to Desktop computer monitors). This can be accomplished via templates in form editor.
This is how the form looks at different resolutions or across devices (ranges from Tablets to Desktop Computers) –
Screen resolution of 1280
Figure 2 : Opportunity form with 3-column layout at screen resolution of 1280 (Desktop monitor or Computer)
Content shrinks proportionally to consume the available width efficiently without causing any overlap.
Screen resolution of 1024
Figure 3 : Opportunity form switches to 2-column at screen resolution of 1024 or tablet devices (IPad, Nexus, Surface) in Landscape mode
People will see following changes -
Screen resolution of 768
Figure 4 : Opportunity form switches to 1-column at screen resolution of 768 or tablet devices (IPad, Nexus, Surface) in Portrait mode
User will see following changes –
Help: Create or edit the main form for an entity