Shreerang's public fiddles
-
Jquery Mobile - Opening up a dialog
This jquery mobile example shows how the structure of the page should be to open up a dialog on click of a link.
-
Jquery Mobile - Header with 2 icons and text
This jquery mobile example shows how to add two icons to the header and adding text to the left of the icon which is at the right.
-
Vh5nE
jQuery 1.9.1, HTML, CSS, JavaScript
-
Jquery Mobile - Problem with the panel shadow using listviews issue
This example demonstrates how the problem with the panel shadow using listviews can be resolved.
-
Jquery Mobile - Read more/less implementation
Example of Jquery mobile to implement the read more/less when the description is too long.
-
Jquery Mobile - Image in the header
Example of Jquery mobile with inclusion of an image in the header.
-
Jquery Mobile - a different way to say .ui-btn { line-height: 1pt;
No-Library (pure JS), HTML, CSS, JavaScript
-
Jquery Mobile - Adding border to a 3x4 grid
This example shows how to add a border to a 3x4 grid.
-
Jquery Mobile - Collapsible list View with count bubble
This examples is used to showcase the use of count bubbles along with a collapsible listview
-
Jquery Mobile - Listview with Search within a collapsible listview
This JQM example shows how to add the search feature to the listview that is within a collapsible listview.
-
Jquery Mobile - Textbox with no borders
This example displays a textbox without border and box-shadow
-
Jquery Mobile - Custom collapsible list
This example shows how content within a collapsible list header be formatted and customized.
-
Jquery Mobile - Dialog box problem changing left icon
Example of Jquery mobile to resolve the Dialog box problem changing left icon
-
Jquery Mobile -Change collapsible div color
Example of Jquery mobile to Change collapsible div color
-
Jquery Mobile - Toggle switch slider to the right of the Label
Example of Jquery mobile to always display the toggle switch slider to the right of the Label
-
Jquery Mobile - Menu Order
Example menu order form with raido choices in grid
-
Jquery Mobile - Long header
Example of Jquery mobile single page architecture.
-
Jquery Mobile - Issue 5748
Steps to reproduce: 1. Create a form with a text field and a placeholder value. 2. The width of the text box should be 100%. 3. Let the page load, when the device is in Portrait mode. 4. Once the page loads, rotate the device to landscape mode and then back to portrait mode. 5. The web page is now side-scrolling This issue is not being observed on earlier versions of iOS and any version of Android. This issue is also observed on Android 4.2.2 version, but am not sure of this.
-
Jquery Mobile - List View with Icons
This example displays the usage of icons with the listview in JQM.
-
Jquery Mobile - List View with Thumbnail Images
This example shows how to use thumbnails in a JQM list. The size of these thumbnail images has to be 80px by 80px. This is the default requirement of JQM.