thumb7

Creating a dashboard view with jQuery Mobile

Anthony James —  July 21, 2011

This screencast will teach you how to create a dashboard view similar to the facebook iphone app. Learn how to style it for a different number of icons and how to create some custom css and add it to your jQuery Mobile application.


Dashboard.php


 

560
349

Related posts:

  1. Creating a “show desktop website” button for your mobile site
  2. How To Add Admob To Your jQuery Mobile App
  3. Introduction to jQuery UI Theme Builder
  4. Introduction To HTML5 Mobile Web App Development Part 1
  5. Custom jQuery Mobile Themes
In jQuery Mobile , , , , ,
permalink

Anthony James

Posts Twitter Facebook

Anthony is a Web Software Developer & Linux Systems Engineer. With 11 years of experience in these fields. He is also the founder and main contributor at Pinehead.tv. He is passionate about passing on his technical knowledge through training and educating others.

8 responses to Creating a dashboard view with jQuery Mobile

  1. kevin July 21, 2011 at 10:31 am

    Hi – great tutorials – but can you improve the video quality – quite hard to read the code? Thanks.

    • anthony July 22, 2011 at 3:59 am

      Yes, I made some adjustments and screencasts going forward should be better.

      Thanks for the feedback.

  2. kevin July 22, 2011 at 1:56 pm

    Well done – much better now – thanks!

  3. Rvouill October 21, 2011 at 11:56 am

    Hi Anthony !

    I really appreciate your work ! Big support !

    What about landscape view for the dashboard ?

    In css, the dashboard id should have width 100% ?

    thanks for your reply !

  4. Dave December 25, 2011 at 8:05 am

    Great tutorial again Anthony, i was already busy doing it with a lot of embeded dic but this is a great way to have a dash view

  5. Dave December 27, 2011 at 6:04 am

    PS did you know that the link to PHP file or recourse is 404

    Dave

  6. Davi July 4, 2012 at 6:38 pm

    Hi! Thanks for the tutorial! What IDE/TextEditor and what simulator of iPhone Browser are you using? Thanks!

  7. Davi July 4, 2012 at 6:44 pm

    Never mind! Found it! http://tuts.pinehead.tv/2012/01/20/creating-an-ios-user-agent-mobile-browser-simulator/