How fast is jqm on 5 year old phones
has anyone had any problems with the speed of jqm as far as simple database operations are concerned? say there is a list of 1000 elements in the database, and the input string much be matched with one on the list. thus no sophisticated graphics, but just a bit of brute force operations. does this prove a challenge for not-the-newest-mobile phones? I mean something beyond 1 second.
How to disable and enable a dropdownlist in Jquerymobile
Hello, I'm kinda new to Jquery mobile. I building a mobile app with asp.net mvc4 and using jquery moblie in the UI. I have two dropdownlists and I want enable or disable one based on the selection of the previous one. How do I go about it. I tried this earlier but it did not work. <script type="text/javascript"> $(document).ready(function(){ $("SelectedActionForUser").change(function () { if ($(this).val() == "3") {
slide panel creates a canvas?
Hello! I wanted to add a slide panel / but if i am doing this, it seems buggy. The panel is taking space and moving everything down. live example: http://www.airwriting.com/app/index.html If i am removing <div data-role="panel" id="mypanel"> test </div><!-- /panel --> everything works fine. Here is my code: <!DOCTYPE html> <html> <head> <title>Airwriting</title> <meta http-equiv="Content-Type" content="text/html; charset=UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1">
jquery mobile Navbar persistent state
Been working on a Phonegap + JQM app for iOS (with multi-page document structure, and persistent header, and footer/navbar) for sometimes now. The recent jqm framework upgrade from 1.2 to 1.3 gave rise to a new issue that I am now trying to fix. The issue of button not retaining its active state (when you are already at the page where the button/anchor is pointing to and you clicked/tapped it) seems to exist on jqm documentation/demo pages as well: http://jquerymobile.com/demos/1.2.0/docs/toolbars/footer-persist-a.html
Best way to implement a jquery mobile 1xN grid layout with horizontal scrolling
Hi all. I would like to implement a 1xN grid layout in jquery mobile. The idea is that the single row is free to expand to any length horizontally to the right. All the content is drawn dynamically from the server. Each column is actually a grid in itself. Have attached an image to indicate how the page layout should look like. The first grid serves as an index grid column. So, when u click a tile in the first grid column, the page should scroll to the particular column horizontally. Not
Unable to close panel from anchor tag inside listview
Hi, I have a page with a panel where there is a listview inside the panel. To close the open panel I tried to add the data-rel=close attribute to the anchor tags inside the listview, but this does not have any effect. If I just add a anchor tag at the panel itself, the panel closes just fine. I'm not sure if this is a bug or ? <ul id="tasklist" data-role="listview" data-icon="arrow-l" class="ui-icon-alt" data-inset="true" > <li ng-repeat="task in tasks" >
dynamically populating div="role=page" from json
I am trying to sort out with the folliowing issue. I have a system in which the user selects a record to edit in a listview. this listview links to another In the PageBeforechange event, (on the 1st call when toPage is a string) tehre is a json call to the server to get the data entry page definition. I use this data to build teh data entry form (header, content & footer) everything works and is rendered as I intended. Then the user does what he/she needs to do, clik on the save button the data
scrolling in tablet and iphone
What solutions are there for getting a scroll to show up on an iphone and a tablet? overflow:scroll css doesn't seem to do the trick All suggestions welcome. Ziska
jquery mobile on app engine
Hi have created a basic scaffold page with a list elements as per this tutorial: http://www.elated.com/articles/jquery-mobile-what-can-it-do-for-you/ the jquery links go back to the jquery site, I know they are a little old but they show upok when browsed on my iphone looking at the tutorial demo page. now, I have a test site on app engine, i copy the source of the above to my basic index.html and it shows, problem is that the touch features are not there and the page is scaled down as per viewing
cofig file in phonegap
hello, where is the config.xml file in phonegap or (gapappstarter) else how add it in project.
retrieve value from a slider range
Hello ! I think it's not difficult but i don't found the solution on google.. Or my search is bad. I have un slider range like that : <div data-role="rangeslider" data-mini="true" orientation="vertical" id="slider-range"> <label for="range-10a">Rangeslider:</label> <input type="range" name="range-10a" id="range-10a" min="9.5" max="18.5" step=".5" value="9"> <label for="range-10b">Rangeslider:</label> <input type="range" name="range-10b" id="range-10b" min="10" max="18.5"
How can I lock the Web-App screen so it doesnt move when someone touches it.
Hi The web app screen moves when you touch the screen,(iphone) i want it to be locked and stay solid, so users can touch and drag the elements inside the screen instead (right now the whole page/browser starts to move). It feels like the browser is being dragged. Thanks...in advance
confirm input both with button and enter key
with button its clear: onclick but how about enter key confirmation of text in input field?
image not show
I find a problem.I have two page. one is main.html, two is detail.html. Fist of all,the listview of main.html is generated by ajax and every entry of listview link to detail.html. After opening detail.html by click the list entry ,then I click the back button of detail.html to return to the mail.html.At this time, the images of the main page are not displayed.By the way,these images in the head area and main.html(data-dom-cache=true).I do not know if this is a bug. thanks.My browser is chrome
JQM 1.3.0 listview mobile scroll behavior on desktop
I need a mobile-like, inertial touch scroller for use on a desktop and mobile app. The desktop app is on a touch screen, so I want the mobile scrolling applied to it as well. (no visible scrollbar). I have a Panel on the left that contains a listview. <ul id="loclist" data-scroll= "true" style= "overflow: scroll;" data-role="listview" data-autodividers="true" data-inset="true" data-filter="false" data-theme="c"></ul> How do I force mobile behavior when the page loads into a desktop browser?
Add custom element in list splitview
Hi, I'm trying to add and element in list splitview which is having two anchor tags . When i tried like this <ul data-role="listview" data-split-icon="gear" data-split-theme="d" data-inset="true"> <li><a href="#"> <img src="../../_assets/img/album-bb.jpg"> <h2>Broken Bells</h2> <p>Broken Bells</p> </a> <a href="#purchase" data-rel="popup" data-position-to="window" data-transition="pop">Purchase album</a> <div>Custom Text</div> </li> </ul> the custom div(one
JQM 1.3.0 Panel -overlay crashes browser on Android 3.2
When data-display is set to overlay, the browser crashes. When set to push, it is fine. Could very well be my code since I'm new to JQM. I'm fine with using push, but I thought I should post this anyway just in case there is a solution. below is the code. Thanks, Don <div data-role="panel" id="locpanel" data-display="overlay" data-theme="c"> <div class="panel-content"> <p> <ul id="loclist" data-scroll= "true" style= "overflow: scroll;" data-role="listview" data-autodividers="true" data-inset="true"
superimpost higher contract on select option made readonly
in order to make select option unclickable, you need to turn it into readonly. this however reduces the contrast of this element and its content (the option menu goes greyish). can this color change be undone or prevented?
[solved] replace id with a single variable
http://jsbin.com/ikugiy/6/edit the id (president) is repeated several times. is there a neat way to replace the id with a single variable ?
bad display of linked listview items on Win8 phone
I just had a first look at a jQM website using a Windows 8 phone and it looks BAD. The big thing that I noticed was that the linked listviews items (<ul data-role="listview">... <li><a href="#">...</a></li>... </ul>) get all bulky and ugly. You can see below how the right arrow drops down to the next line instead of being all tidy off to the right, and there is lots of padding and/or spacing Meanwhile, on an iPhone it looks just fine: This code is copied straight from the "Linked" section (sec. 3)
node.js
is anybody knowing node .js here.can u help me with reply.
How to make google maps full screen work?
Hi, How can I make google maps in full screen work with jQuery mobile? Right now I am using the basic full screen sample code from google maps and as soon as I include jQuery mobile 1.3, google maps does not load display anymore... any clues? Cheers, J.
problem with pageshow-event timing
Hi, i have a mobile application with different pages in one file. First page is "pageMain": <div data-role="page" id="pageMain"> ... </div> I want to show a dialog before using this page, so I have a second page: <div data-role="page" id="pageMainTerms"> ... </div> Then I have a function to open this second page as a dialog: function automatedTerms() { $.mobile.changePage( '#pageMainTerms', { transition: "pop", role: "dialog" } ); }and start this dialog with using the pageshow event in the body
Page headers are not decoded when used as page title.
If encodable text is in the header of a page, when that page is loaded, the title is displayed encoded. As tested on Safari Mobile / Desktop, Chrome, IE10. fiddle The problem might be on line 4631: var newPageTitle = ( !active )? pageTitle : toPage.jqmData( "title" ) || toPage.children( ":jqmData(role='header')" ).find( ".ui-title" ) .getEncodedText(); Why not just get .text()?
Zoom an image in a Jquery mobile page (not zooming the whole page)
Hi team, I got a question when I try to insert a zoomable image into a jQM page. In this page I only get a header, an image in content div and a fixed position footer. The thing is when I try to remove <meta name="viewport" content="initial-scale=1.0, user-scaleble=no" /> , the whole page(including header and footer) will be zoomable, from my understanding, the zoom function should be defined by iphone/android browser right? Now what I want is only the image can be zoom, can someone help and provide
call a phone number with javascript?
So I am having this problem, <a href="tel:123456">123456</a> works as it should, but when I call it in JavaScript like so window.location="tel:123456" it does not work. I really need to get this done with JavaScript. See scenario: 1. User clicks on a number 2. Message popups asking user to confirm calling XXX number 3. When user clicks OK, popup is closed, custom action is invoked, phone is finally called. Any help is really appreciated.
Relative Font sizes in CSS
Unless there's some new CSS3 feature I am unaware of, I find the font-size's being pixel based a bad thing. While using JQueryMobile with Cordova or PhoneGap, devices with high density screens have all the UI elements a little to small to interact with. I went to adjust them using @media styles for DPI -- but was saddened to see that all 25+ font-size styles were in PX and could not be affected by adjusting the BODY's font size. I thought that even with browser's support for "zooming" it was still
reminder service
Hi everyone, today i talk to about reminder service. I thing any person want to take take some idea about reminder service so any body can get very good information by the follow this reminder service. I fund very good information by this link. If you get some about reminder service so please visit this link and find kind information.
How to know the grade of Mobile Browser in Runtime
Hi team, Is there any sure shot method , function or Plugin which will help us alerting the Mobile Browser grade as per JQuery Mobile specification and compatibility Matrix This will be a great help for Application devlopers to inform the End-User if there browsers are not compatible. Regards, Anurag
jquery mobile table code download
I looked into the jquery mobile table.... but dont know where to download the code.... can you tell me where can i download the sample code.... http://jquerymobile.com/demos/1.3.0-beta.1/docs/tables/table-reflow.html @media ( min-width: 40em ) { /* Show the table header rows and set all cells to display: table-cell */ .my-custom-breakpoint td, .my-custom-breakpoint th, .my-custom-breakpoint tbody th, .my-custom-breakpoint tbody td, .my-custom-breakpoint thead td, .my-custom-breakpoint thead th {
Controlling buttom width
Does JQM offer any classes that allow a button to span 100% of the width of its container? Here is the code I'm using, but it does not span the full width like other JQM elements: <div data-role="controlgroup" data-type="horizontal"> <a data-theme="b" data-role="button" href="/mobile/locations">Contact</a> <a data-theme="b" data-role="button" href="/mobile/inquire">Inquire</a> <a data-theme="b" data-role="button" href="/mobile/index.html">Home</a></div> Other data-role elements like "listview" and
Button : problem with the click event
Hello, Currently, I'm working with Visual Studio 2012 under a "ASP.NET MVC 4" project in the web development. So, I've some views that are in the 'View' Directory and the controllers in the 'Controller' directory. On one of the page that I have, I created a 'back' button to come back at the previous page. When I click on this one, I would like to arrive in the 'backToPreviousPage' method of the controller associated at my view. But it's not possible now. I often have this error : 'error loading page'.
jquery mobile can be used for desktop web app development
1. jquery mobile can be used for desktop web app development? if not supported by desktop browser e.g. a button how will appear? 2. from the time compiled in phonegap dw c6 tools and tested from dw the App in Android sdk, for a jQuery mobile App the, code in split/Live is the same as split/Live/Live Code.... in other words jQuery mobile does not generate code with result can not test Apps within dw cs6, but design shown without jQ mobile generated code, well? can test only to browser success!
how to lazyload pictures in a listview with jqMobile???
due to my page inclued many pictures,so after get data by ajax,many pictures shows very ugly.....so .is there a example to answer me ?thank u very much
JQuery mobile progressbar
I want to add a simple progressbar to my web application. I'm using the following scripts and stylesheets in my application: <script src="http://code.jquery.com/jquery-1.7.2.min.js"></script> <script src="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.js"></script> They seem not to cooperate with the ones needed for the progressbar.. But I cannot exchange them, because my other code will not function. <script src="http://code.jquery.com/jquery-1.9.1.js"></script>
White space at bottom of the page in iphone
Hello, I have a jquery mobile webpage. It looks good on desktop browsers, and also on android. But in iphone's safari, I have a weird white space in the bottom of the page. It looks like a problem with the min-height of the .ui-page, because the white space is as height as the title-bar + url-bar of safari. Please have a look on the screenshot attached...
Popup Issue
Hello- Below Jquery Popup works perfectly, but i need is whenever clicking on "sign in" button the text fields should be cleared and refresh it again. <a href="#loginpopupMenu" data-rel="popup" data-role="button" data-transition="fade">Sign In</a> <div data-role="popup" id="loginpopupMenu" data-position-to="window" class="ui-content"> @RenderPage("~/Account/Login.cshtml") </div>
Android 2.2.3 unable to call SAML URL with JQUERY AJAX
Hi All, I've been stuck here for quite some time now. I am developing a mobile application with phonegap. I have tested the app with android 4.0.4 and it is working fine. However, when I tested on 2.2.3, the AJAX ended with: ready state = 0 HTTP Status = 0 I have tried to increase the timeout to be really long but it still ends with that result. I am not sure what is the problem but I have developed another app using the same ajax call just that this time it calls to a SAML URL. my codes is as bellow:
Using jQuery Mobile in my Asp.Net Web Application?
hi I have checked example applications on this web site and one of them used aspx pages for Sign up etc So I hope I can also utilize that, please guide me about that. I want to develop a medium scale web site for mobile using jQuery Mobile. I want to know: - Can I place the jQuery Mobile page inside my aspx page? - Can I place aspx page inside a jQuery Mobile page OR in other words can I use a server side language (asp.net or php) inside a jQuery Mobile page??? Please help me in this regard. Usman
jquery mobile, requirejs, backbone demo not behaving. css styling is delayed
Hi, I've recreated the jquery mobile example here: http://jquerymobile.com/demos/1.3.0-rc.1/docs/pages/Backbone-Require/index.html At first I used the latest everything, jquery(1.9.1), jquery mobile(1.3.0), backbone(1.0.0), lodash(1.1.0), requireJS(2.1.5) to build the same example on my local machine(windows8, nginx1.3.15) It's functional except that on page load and refreshing the css styling is delayed by a fraction of a second. It's even worse on less powerful mobile devices like an iPod touch
Next Page