NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters

Stanislav Marszalek  15 August 2013 06:03:24
The new  NET.Notes 2  visual theme fully supports the idea of responsive design. Based on your device you use for viewing the Net.Notes the entire screen stretches accordingly. The left navigation is available when there is enough of the width space available.  When user uses a smaller screen like a laptop or tablet, the left navigation bar stretches to be smaller or transform into kind of dropdown menu. This way the main content is still available despite the screen resolution. The overall coding standards  assures the NET.Notes runs on mobile devises, tablets or desktop computers.


Image:NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters

Image:NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters

Image:NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters

Image:NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters
Comments

1Karl-Henry Martinsson  15.08.2013 17:03:30  NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters

Very nice design. I like how the menu not only shrinks, but also changes into a dropdown, and how it keep the four colors from the boxes even when shrunken down.

2Patrick Kwinten  27.08.2013 13:17:41  NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters

can we have a look how it's implemented? (code)

3SZ  18.02.2014 12:21:35  NET.Notes 2.0 - Xpages application workspace - 4. Responsive Design - your device matters

TOPlist