Responsive Web Design for a dashboard
Screencast shows the same web-dashboard displayed on three different devices – MacBook, iPad, and iPhone
The dashboard contains several distinct widgets:
1.) Multiple carousels (swiping of data) responds to both mouse and touch gestures to swipe the card to view additional sets of data.
2.) A slider to select the date and time range. The slider transforms into the standard iPhone time picker when the web-dashboard is viewed on an iPhone.
3.) Sophisticated charts embedded inside of other charts.
4.) Grids to display data
5.) Persistent Web Design techniques to retain user’s viewing settings
- Bryntum Scheduler and Gantt Charts
- Sencha EXTJS 4.0
- jQuery.ContentCarousel plugin
- Developr theming
- jQuery.blockUI plugin