Hack: Creating A Tablet Split View For jQuery Mobile

February 10, 2012 in HTML5 Web Apps, jQuery, jQuery Mobile, Mobile Development with 4 Comments

We are calling this screencast a hack because jQuery Mobile doesn’t have its own method to create a split view. The closest solution allows you to create grids, which is what we covered in this screencast. In this screencast we are going to look at the jquerymobile.com source and grab the CSS that is created on the jQuery Mobile Docs to create the split view. Of course, just as jQuery Mobile did, you can create your own CSS for your apps. However, we are going to just copy the source and implement into a simple app for a quick solution.




Related posts:

  1. Creating a dashboard view with jQuery Mobile
  2. jQuery Mobile Theme Roller
  3. jQuery Mobile Forms Part 2
  4. jQuery Mobile: Default Back Button, silentScoll(), and another look at swipe
  5. Create An Add To Home Screen Popup For HTML5 Or jQuery Mobile

About Anthony James: Anthony is a Web Software Developer & Linux Systems Administrator. With 10 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.

All Posts by  |  Share By Email

4 Responses to “Hack: Creating A Tablet Split View For jQuery Mobile”

  1. Michelle May 13, 2012 at 9:28 pm #

    Thanks for this!

    Reply
  2. Michelle May 13, 2012 at 9:37 pm #

    And what text editor do you recommend?

    Reply
    • Anthony James May 14, 2012 at 3:53 am #

      What is are you using?

      Reply
      • Guglio May 15, 2012 at 3:24 pm #

        Thanks for the hint!!!!
        The text-editor is coda I think ;)

        Reply

Leave a Reply:

Gravatar Image