Responsive grids - broken link in documentation
On http://view.jquerymobile.com/1.3.0/docs/widgets/grids/ there is a link in the responsive grids section labeled "custom responsive grid" with an URL of http://view.jquerymobile.com/1.3.0/docs/widgets/grids/grids/grid-custom.php that yields a 404 Not Found error.
Dynamic Popup
Hi, I have created a simple button and a corresponding popup as shown in the samples on http://view.jquerymobile.com/1.3.0/docs/widgets/popup/ using the latest version of jQuery mobile and PhoneGap. Everything worked fine so far. As a next step I like to create the buttons and corresponding popups dynamically. I'm doing so in the following code block before page becomes visible: $(document).one("pagebeforechange", function () { ... }) After adding the button and the popup to my page I can
output json data to compressible set
I want to display my data in a collapsible-set. My data is properly formatted from a mySQL database. The issue is creating the collapsible rows within the collapsible-set. Below is my code which renders a nice looking list, but alas, no collapse. (jQueryMobile - latest version) <script type="text/javascript"> $(document).ready(function(){ var url="Connections/psImgClConnLocal.php"; //connection to database delivers proper json. $.getJSON(url,function(myData){ // loop through the events here and
jquery mobile mangles input value
I'm trying to send a html escaped value into a form (for sigPad) that looks like this: <input type="hidden" name="signature" class="signature" value="[{"lx":424,"ly":95,"mx":424,"my":94},{"lx":423,"ly":93,"mx":424,"my":95},{"lx":422,"ly":89,"mx":423,"my":93},{"lx":409,"ly":81,"mx":422,"my":89},{"lx":390,"ly":70,"mx":409,"my":81},{"lx":362,"ly":68,"mx":390,"my":70},{"lx":320,"ly":59,"mx":362,"my":68},{"lx":280,"ly":53,"mx":320,"my":59}]">
Event to fire during swipe
Hi, Love jQuery Mobile! However, I'm looking for an event that will let me track the coordinates of my finger (or fingers!) while swiping. I want to be able to manipulate DOM elements during a swipe with respect to the distance from origin of the swipe. Is there something in the roadmap that will let me realise something like this: http://labs.skinkers.com/touchSwipe/demo/Image_gallery_example.html Great work and many thanks! Chris
Disable all jQ Mobile default behaviour so it is only actively called upon...?
I assumed just including the js file would only make it available for use when called. But I am getting additional behaviour just from having jQ linked to. The most obvious is that when navigating to a new page from a link I get "Loading..." messages and the new page content is appended to the current page.
How to change the attributes of Text area and Input Label created by Codiqa?
Hello, I created a page in Codiqa with input labels and text area. 1. The text area is way long and there is no way to adjust the size in codiqa 2. The input label needs to have custom attributes like font size, color, etc. How do I do it in Jquery? Thanks Sam
fixed header jump
Problem: The fixed header jumps about 1/3rd down the page when transitioning, then pops back into the right place. This is on JQM 1.2 or 1.3 ... This is happening in the browser, before I've even compiled for a device This happens only when using the Slide transition ... not on the default transition. Well, it may happen on other transitions too, but I only tried the default and Slide. I've seen references to this elsewhere, but not a solution that works or has described this specifically.
First collapsible item in listview
Is is possible to create listview with only first collapsible element? For example: <ul data-role="listview" data-count-theme="c" data-inset="true"> <li> <div data-role="collapsible"> <h4>Heading</h4> <ul data-role="listview"> <li><a href="#">List item 1</a></li> <li><a href="#">List item 2</a></li> <li><a href="#">List item 3</a></li> </ul> </div> </li> <li><a href="#">Outbox <span class="ui-li-count">0</span></a></li> <li><a href="#">Drafts <span class="ui-li-count">4</span></a></li> <li><a href="#">Sent
Pass data to dialog
I have two pages, A and B. I have added a button to page A that opens page B as a dialog using the following code: .mobile.changePage("B.html", {role: "dialog"}); How can I pass data to page B and get data from it? Note: the pages ARE NOT contained in a multipage document. There are separate HTML files.
JQM 1.3.0: Table widget and Fixed header / footer
A simple page with a fixed header and footer and a longish table needing scrolling. Header & footer stay in place until you click anywhere in the table. From that point on, headers & footers behave as non fixed. Is this a wrong markup on my side, a bug in JQM or by design ? I have made a fiddle to illustrate what I mean : http://jsfiddle.net/wrVWQ/
Swipe event doesn't fire since last chrome update.
I use the swipe event on my pages, it worked fine in chrome but since the last update in chrome it doesn't fire the swipe event anymore version (25... something) I'm running windows7 64bit and version 1.3 of jquery mobile With an older version of chrome (23.. something) and firefox it still works
selectors
Hi Can anybody help me grab some data from the below snippet, i need to get hold of the data inside the content:encoded tag. My code which has worked so far to get the rest of the data is something like this: '<h1>' + $entry.find('place').text() + '</h1>'; but for this example the ![CDATA[ is getting me! If i try '<h1>' + $entry.find('content:encoded').text() + '</h1>'; it returns nothing! What is the <!CDATA and how to i get past this? <content:encoded> <![CDATA[ Burghfield and Goring Veterinary
Loss of formatting in chrome when expanding browser
I am trying to develop some expandable mobile jquery so that it will re-size and move the divs around to fit available screen space - allowing the design to work for mobile as well as tablet and even desktop as required. The design concept works (not included in below example) and I used some example jquery mobile controls and and jquery mobile default css. My problem is that (at least on chrome) The formatting only works on very small browser size, expand beyond a certain size and it starts looked
Phonegap submit external browser
I'm having a problem with phonegap (2.5.0 version) to open a form submit on the external web browser on Android and iPhone. I want to submit a form like this: <html> <body> <form method="POST" target="_blank" action="https://externalDomain.com"> <input type="text" name="username"/> <input type="text" name="password/> <input type="submit" value="accept"/> </form> </body> </html> So the execution of this script happens in a file stored on the device lets say "index.html", and I want the submit to open
font/icon size for Nexus7
Hi I'm new to jquery-mobile and been using jquery-mobile via phonegap on a Nexus7 and the size of the text and icons are very small and would be considered unreadable for persons with poor eyesight. It's clear that a component such as a button is aware of the device dimensions and changes accordingly, but this capability dues not appear to apply to text/icons that reside on a button. If I go to Settings on Nexu7 I can set the font size to small, normal, large etc but changing thi setting makes no
jQm - page loads then vanishes.
I am a new user of jQuery Mobile (and new to this forum!) and I'm hoping that somebody can help me to solve a problem. I have lifted and only lightly adapted the swipe-to-navigate demo. The adaptations are mainly to fit my content, use a ThemeRoller style sheet and to install Google Analytics tracking code (in asynch mode, in the head section). The site works exactly as expected when I load from my localhost server. As soon as I try to load it from my remote server, it fails horribly. In Firefox
Web diversion
Web diversion is not working with jQuery Mobile meta viewport. It uses inside an invisible frame. I am using cPanel UK2. Any ideas? John
Knockout + jQuery Mobile, radio button won't initially check
See this jsFiddle: http://jsfiddle.net/M2cTv/8/ I have tried with a number of combinations of the jquery and jquery mobile libraries, and when the styling works, the functionality doesn't. Including both libraries, I can't get my value to initially be checked. If I take out the jQuery Mobile library, or if i take out the 'for' in the labels, as the second example shows, the initial check works, but the style doesn't. Any ideas? I've seen a lot of issues where it doesn't work properly based on
Page transition problem with "ghost" mouse events (Android)
Hi. I am getting problems on Android devices where mouse events from one page are being executed on the new page after a transition. I have included two simple test pages that use list views to navigate between the two pages. The hover style (.ui-btn-hover-c) which is a grey gradient is applied to the list item on the page it transitions to. Also note that I have switched off transitions as I have had many problems with them on Android. The API event documentation does state that problems like this
Prevent navigation away from dialog
Hi all, I'm new to jQuery mobile and am trying to build a PhoneGap app using jQuery mobile. I'm a bit stuck with the following issue. I have a login dialog as a form that I want to show the user if they need to log in. I don't want them to be able to navigate away from this login form until they have signed in. I've removed all links in the dialog but the hardware back button still works. I've tried the following: function onDocumentReady() { document.addEventListener("deviceready", onDeviceReady,
how to set a standard slider for range ?
i have used the following code to set it <div class="ui-block-a"> <label for="slider-1">Fan</label> </div> <div class="ui-block-b"> <input type="range" name="slider-1" id="slider-1" value="60" min="0" max="100" /> </div> but my ouput comes as: Why is coming so ?? What I need to change in the code I used jquery-1.8.2.js, jquery.mobile-1.3.0.min.js, jquery.mobile-1.3.0.min.css
jquery mobile on iframe
Hi, Can jquery mobile site run on a iframe with all the functionality. Also what features from jquery mobile can run on a iframe. I am trying if the headers, links , list view , input fields etc..can work in iframe with jquery mobile. or running a jquery mobile site in iframe is a tough ask.Also wanted to know if this situation is possible on the android devices, iOS. Thanks
How can I perform a search into a group of "accordion" buttons?
I have this static HTML code: <form> <input data-role = "filter" type = "search" id = "searchField" placeholder = "Search Entries" data-filter="true"></input> <!--Devider Goes Here --> <ul data-role = "listview"> <li data-role = "devider" data-theme = "b"><h4>Browse by category:</h4></li> </ul> <div data-role = "content"> <div data-role="collapsible-set"
Responsive Desgin use of px and pt settings
Noticed that JQMobile 1.3 CSS uses fixed px sizes for various text components ... does this not conflict with the responsive design approach?
jquery mobile footers slight gap in landscape/portrait
So I have a web page that when i got the math out, including the header, footer, and content, is about 680px in height. Now considering that when on an ipad, the workable area is 746px landscape, everything should fit with out having to scroll. Yet for some reason, it shows that there more area to scroll to. Now this even happens when in portrait mode as well, even though the working are is about 1004px. Any idea when this is happening?
Updating jquerymobile data role pages with specific scrollbar location
I need to update the scrollbar location on a table of contents div within a series of jquery mobile data role pages. So I have a table of contents with 11 links on the left that link to different data role pages. When each new data role page is loaded, I can update the active state of each link with css, but I can't scroll down the table of contents list as the user clicks through the table of contents. Is there any way to do this dynamically? My header: <script src="js/jquery-1.6.4.min.js"></script>
Is it possible to develop in MS Visual Studio ASP.NET then package the application for Android Phones
Hello, Is it possible to develop in MS Visual Studio ASP.NET then package the application for Android Phones? IF not, what are the easiest ways to develop Jquery applications with database tables like Gridview asp.net? Also, is there a way to compile JQuery code and just copy it to the device to make it work? Thank you!
s40(nokia) not recognizing jquerymobile package .js file
the web development environment of s40 platform is showing error in the .js file of jquerymobile 1.2.0 package. this in turn is preventing me to build the application since the commands like data-role and data-mini are not recognized. please help.
What is the difference between installing JQuery application on a device using Google Play Store and using PhoneGap
Hello, What is the difference between installing JQuery application on a device using Google Play Store and using PhoneGap? IS there a way to compile the code and just copy it to the device (Phone/tablet)? Thank you!!!
Table TD value gets me the TH value also why?
Hi , I was working on the 1.3 jqm table to get TD values, but strangely, I am getting TH along with it? Can you please check on this. // sample table <div id="checkonme" style="display:none;"> <table data-role="table" id="debug" class="table-stripe ui-responsive table-stroke"> <thead style="font-size:small;font-weight:bold"> <tr> <th>NickName</th> </tr> </thead> <tbody class="mytbody"> <tr style="font-size:small;" class="myrow"> <td class="mynickname">Hey
3,000+ jQuery Mobile Pages
This past weekend I released a beta version of a jQuery Mobile Page Builder. It includes a catalog of over 3,000 pages that are ready to use. http://appcropolis.com/jqm-builder/ Does anyone have a couple of minutes to take a look at it? I am sure everybody is busy, but I would like to hear some feedback from some of the expert in this forum. Thanks in advance, --appcropolis
vclick fires up twice
I'm trying to understand vclick event. Why does vclick fires up twice per click on this page? http://api.jquerymobile.com/vclick/
Disable button dynamically
Hi,I am using JqueryMobile-1.3.0 and cordova-2.1.0 for iOS app.I want to disable the button on pageshow event.I am doing like this $('#clearButton').attr('disabled', "") and button is <input type='button' data-role="button" data-inline="true" id="clearButton" value="Clear" onclick='resetLogin();'/> Its disabling the buttons onclick event but the style of button remains as it is.
Simple splitview with query mobile 1.3
Hi, I want to make an application with "persistent panel" on my page (and if it was possible with navbar at bottom of the screen !) The most common plugins fork jquery mobile code but Simple splitview no ! It seems to me a very good plugin to do this. But it is not compatible with the latest versions of jquery / jquery mobile. I did not arrive to contact the authors Has anyone tried to update the source code ? Thanks Frederik
JqueryMobile and asp.net master pages refresh footer
Hi all, I'm new to jquery mobile and I started to build mobile app that uses asp.net web forms and jquery mobile. This is my master page file: <%@ Master Language="C#" AutoEventWireup="true" CodeFile="MasterMobile2.master.cs" Inherits="MasterMobile2" %> <!DOCTYPE html> <html> <head runat="server"> <meta charset="utf-8"> <title></title> <asp:ContentPlaceHolder ID="head" runat="server"> </asp:ContentPlaceHolder> <meta name="viewport" content="width=device-width, initial-scale=1">
JQueryMobile registering vclick event handler 'sometimes' prevents default functionality
que 1: If a vlick event on a hyper link is called, is there any guarantee that the page change will occure as per the hyperlink ? if yes, here is my question: I am registering a 'vclick' event handler in jquerymobile on a button and on an anchor tag. I have set ajax processing to false. <script> $(document).bind("pageinit", function(event, ui) { $('.show-page-loading-msg').bind('vclick', function() { $.mobile.loadingMessage = "Loading...";// "Approved"; $.mobile.textOnly
PhoneGap + JQM + WindowsPhone8 - Ajax Navigation does not work
Hey there, porting a big project over from Android/iOS into Window Phone - so I'd like to thank the jQM team first of all for making this possible. Unfortunately, windows phone 8 has an issue which I can't seem to figure out. Ajax navigation does not seem to work Here are what my logs say Error:"Object doesn't support property or method 'live' file:x-wmapp0://www/index.html Line:12" The thread 0xd90 has exited with code 259 (0x103). And here is the basic HTML <a href="settings.html" data-transition="slide"
Jade compiled html is not loading jQuery Mobile css
If I hard code an html file, jQuery Mobile works fine. But when I attempt to compile a .jade file into html and load the file, it loads without the jQuery Mobile css. Has anyone else experienced this problem? EDIT: I found that by using the web-based* links to the css and js files, everything works fine... but when I attempt to use local css and js files, I run into the above issue. *<link rel="stylesheet" href="http://code.jquery.com/mobile/1.3.0/jquery.mobile-1.3.0.min.css" /> *<script src="http://code.jquery.com/jquery-1.9.1.min.js"></script>
Why does the navigation bar, not remain highlighted?
I have a jquery mobile fixed navigation bar on the footer. It seems that the first original page that is loaded when visiting the page never remain active/highlighted. It will remain highlighted when you first visit the page, but when you visit another page that is loaded with ajax, it won't remain highlighted when you go back to the original page. So lets say you have link a, b, and c. When you first came to the site, you visit link a. Then go to link b, but when you go back to link a, it won't
Next Page