Shreerang's public fiddles
-
KnockoutJS Example #3
This example demonstrates the usage of the computed method that helps display concatenated value of the inputs
-
KnockoutJS Example #2
This example demonstrates the usage of the observable method which sends a notification when the value of that element changes. We have an observable on the first name and last name values. As soon as the values in the text boxes for first and last name change, they would reflect in the areas below.
-
KnockoutJS Example #1
This is a basic example based on the usage of knockout JS. A simple example that displays the first and last name of the user. This shows an interaction between a view and a view model.
-
JQM forum - Image that stretches 100% in width with the height constant
This example demonstrates how an image can be included in the header that can stretch 100% width with a fixed height
-
JQM Forum - Button in footer to take full width and multiple buttons
This example demonstrates how you can include a full width button in the footer with the use of ui-grid-solo class. We can also include multiple buttons side-by-side using the grid layout in the footer.
-
JQM forum issue - Buttons not working on Mobile device
This example demonstrates how to add a function to the onclick on input type button
-
JQM - Buttons with custom icons
This example demonstrates how a custom icon can be added to a button that is styled using JQM.
-
JQuery Mobile 1.1.1 - No text icon height width issue
This example demonstrates how to increses the height and width of a no-text icon button in a horizontally grouped control group.
-
Custom navbar images
This example demonstrates how to include custom images in a navbar
-
JQM Presentation - Navbar issue
This example demonstrates the usage and styling of the navbar
-
Jquery Mobile Issue - Background image flicker
This example demonstrates the issue of background image flickering when the page transition happens. Steps to reproduce. 1. I have added a background image to the JQM page. 2. Created a link/button to navigate to a new page or a dialog. 3. Once the transition is complete, the background image flickers on the new page.
-
e6Cnn
No-Library (pure JS), HTML, CSS, JavaScript
-
JQM Presentation - Panels with a fixed position
This example demonstrates the usage and styling of a panel with a fixed position
-
JQM Presentation - Panels
This example demonstrates the usage and styling of panels
-
JQM Presentation - Popup based form
This example demonstrates the usage and styling a popup as a form
-
JQM Presentation - Popup based Nested Menu
This example demonstrates the usage and styling a popup as a nested menu / accordion menu
-
JQM Presentation - Popup based Menu
This example demonstrates the usage and styling a popup as a menu
-
JQM Presentation - Popup based Photo lightbox
This example demonstrates the usage and styling a popup as a photo lightbox
-
JQM Presentation - Basic Popup tooltip
This example demonstrates the usage and styling a popup as a tooltip
-
JQM Presentation - Basic Popup
This example demonstrates the usage and styling of the popup