Skip to main content

Jquery Mobile

jQuery Mobile List of articles

Following is a list of articles part of the jQuery Mobile series.

Introduction 😀 😀

  1. Introduction to Jquery Mobile
  2. Features of Jquery Mobile

jQuery Mobile Page Structure 😀 😀

  1. Jquery Mobile - Single page structure
  2. Jquery Mobile - Multi-page structure
  3. The mobile meta tag
  4. Jquery Mobile - Multiple Titles problem

Jquery Mobile Listview 😀 😀

  1. Basic Listview
  2. Listview with data-inset property
  3. Customizing the listview
  4. Jquery Mobile - Nested Listview
  5. Jquery Mobile - Numbered Listview
  6. Jquery Mobile - Readonly Listview
  7. Jquery Mobile - Split button listview
  8. Jquery Mobile - List dividers
  9. Jquery Mobile - Filtering the listview
  10. Jquery Mobile - Listview with count bubbles
  11. Jquery Mobile - Text formatted listview
  12. Jquery Mobile - Listview with icon images
  13. Jquery Mobile - Listview with thumbnail images
  14. Jquery Mobile - Theming listview icons
  15. Jquery Mobile listview with custom icons
  16. Jqeury Mobile accordions - Collapsible listview
  17. Side-scrolling web pages issue with Jquery Mobile - Issue #5748
  18. Jquery Mobile listview enhancements and customization

jQuery Mobile Form Elements 😀 😀

  1. Jquery Mobile - Introduction to Form Elements
  2. Default keyboards for HTML5 input types
  3. Jquery Mobile Form - Text Input
  4. Jquery Mobile Form - Search Input
  5. Jquery Mobile Form - Customizing the search box
  6. Jquery Mobile Form - Slider Control
  7. Jquery Mobile Form - Flip toggle switch control
  8. Jquery Mobile Form - Radio buttons
  9. Jquery Mobile Form - Checkboxes
  10. Jquery Mobile Form - Select menus Part I
  11. Jquery Mobile Form - Select menus Part II

Comments

Recommended for You

Playing with the markers and info window bubbles...

    In the last few posts, we have seen some marker examples and some information window examples. Now, lets do something interesting combining these two things. Just writing that "This is an info window" in the information bubble is not very interesting! And I know this...Have gone through the same phase!     So, today we will do something interesting! We will display the latitude- longitude co-ordinates of the point that the user clicks on the map! Doing this is not at all complex! Copy paste the following code and you will see for yourself a map coming to life!     The output of the above code looks as seen in the result section above! If you have any queries regarding the above code please comment on the blog post or feel free to contact me at my mail ID .

100th Post...

            I’m so excited that I have finally reached this milestone. Well I am not completely certain that this is a big deal but anything that is ' 100 ' just seems big and grand. I have been blogging here for around 8 months now, and it gives me immense pleasure to say that now I have become an experienced blogger.:D             I never thought when I started this blog in November, 2010 that I would have much to offer compared to the hundreds of other GIS bloggers out there. But today with more than 21,000 page views, more than 100 comments, more than 100 followers and several Like and +1s the response to this blog has been nothing short of amazing. Now the next target for me would be to cross 50,000 views.             At the end, I would  like to thank all visitors and members for making this blo...

Punjab cities to implement GIS...

            The Punjab government is all set to implement ultra modern GIS systems in 6 big cities of Punjab namely Amritsar, Ludhiana, Jalandhar, Patiala, Batinda and Pathakot to facilitate future planning, expansion and maintenance of civic infrastructure in these cities. The GIS will be implemented in these cities by October 31, 2011, which would be further implemented in other districts of the state.             Complete information of these cities will be available on the GIS which should prove beneficial and helpful during the preparation of "Master Plans" of these cities in the future. The satellite images of these cities will be taken which would later on be developed to form a large database. The maps that will be generated would provide detailed information on roads and rail networking along with exact locations of bus stops and railway stations. The maps will also s...

Happy Holi...

Wishing all the readers of Spatial Unlimited a very happy and a colorful Holi. May this Holi bring lo ads of joy and colors to your life!!!    

Jquery Mobile - Text formatted listview

    "The regular listview looks plain. I want to add a few other details in my list item." Have you also faced this requirement from your client? Well, for those who have and also for those who haven't yet, you can keep in mind that you can create a text formatted listview using JQM and design accordingly for your next project.     Let's take a look at the following example to understand how text-formatting can be achieved seamlessly.     As you can see in the HTML code above, to add text hierarchy, you need to use headings to increase font emphasis and use paragraphs to reduce the font emphasis.   Supplemental information like " Last update: April 9, 2013 " can be added to the right of each list item by wrapping content in an element like 'div' or 'p' with a of class ui-li-aside.     Now let's take a look at the CSS part. You will notice that I have included some CSS on id " no-ellipsis". If you have noticed, in the fi...