The jquery Mobile article in the November issue began with ‘Hello Phonegap’, and went on to cover various types of list-views and form elements. This article covers some amazing features that make jquery Mobile a unique platform—pop-ups, dialogue boxes, t

OSFY

let us continue with form elements and then look at theming our applications.

Longer labels: To use longer labels like Switch On/ Switch Off, wH QHHG Wo usH D SUHGHfiQHG FODss .ui-slider-switch {width: 10em}. You can add this class in a style tag as CSS, and add the class name within the div tag as follows:

Add the class name as toggle-container in the div shown below:

<div class=”toggle-container”> The result of this can be seen in Figure 1. Mini version: This version is useful for tool-bars, and can be included using data-mini=”true” inside the select tag. <style>

.toggle-container .ui-slider-switch { width: 10em } </style>

tag, as