Listview List-Divider Icon
Anyone know the best way to add an icon to a list-divider? Taking a look at the code, icons are only added to links automatically. However, they are wrapped and classes assign that relate to links specifically. So I didn't know if someone had already figured out the CSS needed to mimic icons in a list-divider. Thanks!
Problem passing Jquery to Jquery Mobile with a map
Hi, I am making an application Js, JQ and JQM, to show a route on a map loaded from a GPX file. Testing without JQM I load the map with the route without problems, with this code: [js]<script> function initialize() { var route1Latlng = new google.maps.LatLng(-33.7610590,18.9616790); var mapOptions = { center: route1Latlng, zoom: 11, //mapTypeId: google.maps.MapTypeId.ROADMAP mapTypeId: google.maps.MapTypeId.TERRAIN
jQuery Mobile AJAX navigation to a page having a dialog
JQM AJAX navigation doesn't work well when navigating to a page with an in-page dialog? page1.aspx: <div data-role="page"> <div data-role="header">Page 1</div>
<div data-role="content">
<a href='page2.aspx'>Click here</a>
</div>
</div> page2.aspx: <div data-role="page"> <div data-role="header">Page 2</div> <div data-role="content"> <a href='#popup' data-rel="dialog">Popup</a> </div> </div> <div data-role="dialog" id='popup'> <!-- This is not loaded on AJAX navigation --> <div data-role="header">Page
Disable buttons and navbar buttons on pageinit
Hi I would like to enable/disable buttons (including navbar buttons) on pageinit based on result from ajax call. Is there away to handle button like this? Here is my code <body> <div data-role="page" data-theme="b"> <div data-role="header" data-theme="b"> <a href="../Portal.aspx" rel="external" data-icon="home">Portal</a> <h1>Edit Custom Request</h1> <a data-icon="bars" href='#popHeadMenu' data-inline='true'> <div id="popHeadMenu" style='visibility: hidden; height: 20px; background-color: #336699;
Adding div to Panel
I have a panel that I would like to contain some buttons and links. The buttons will act like links taking the user to anchors on the page. The links will act as a tag cloud: click a tag and that text will be highlighted on the page. So I have this code: <div id="pagediv" data-role="page" data-theme="a"> <div id="panel1" data-role="panel" data-position="left" data-display="reveal" data-theme="a"> <div data-role="controlgroup" data-mini="true"> <a href="#1" class="ui-btn
Long keypress errors in input text fields
Hello, im working on a mobile app with jquery mobile 1.4.0 and phonegap. The application itself works, but i have a problem with text input fields: Normally you can press a key on the keypad longer, to get the special-letter or number above of the same key. E.g.: - Longpress "q" to get "1" - Longpress "w" to get "2" - Longpress "e" to get "3" ... But on my mobile device such a longpress fires allways both signs, like - "q" AND a few milliseconds later "1" so i get "q1" - "w" AND a few milliseconds
Decorated checkbox does not fire onChange event
After a checkbox has been 'enhanced' with checkboxradio().enhanceWithin(), 'change' events are no longer fired. full example here: http://jsfiddle.net/9mMwN/7/
Multi-page Form with Next Page Dependent on Previous Page Selection
Hi All, I'm just starting to build a mobile forms page for a client, and I have some questions. The client has several (paper) pages worth of questions that the web user will be answering, but the next page is going to be dependent on one of the selections on the previous page. For example, The first page will consist of simply a list of the different types of equipment they can request. That takes them to the next page where there are questions regarding that equipment (i.e. Low Voltage/High Voltage,
jQuery duplicating ASP.NET button value
I currently have a working Web App built with ASP.NET that I'm now implementing a page slide transition for. I have done this successfully but with one issue. It seems jQuery is duplicating the button value when the page is rendered. <input name="Submit input" data-type="button" type="submit" value="Login & Connect" /> So when the page is viewed, My button shows with the correctly styled "Login & Connect" with an additional "Login & Connect" also being placed inside the button. If i remove jQuery
Problem with Submit button, i don´t see and not working?
Hi, I have a problem with Submit button in jquery mobile because i don´t see and not working in the spmartphone :( My html is: !DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <meta http-equiv="Content-Type" content="text/html; charset=iso-8859-1" /> <meta http-equiv="refresh" /> <title>Dardo Producciones
where are the performance metrics for 1.4 vs 1.3?
The release blog says "...jQuery Mobile 1.4. For this new version we focused on performance improvements" The upgrade guide has a LOT of breaking changes in this release. Unless there is a dramatic measurable reason to do so I would have to pass. Do you see this trend of jqm breaking backward compatibility continuing or is this a one-time thing to address performance issues? I heard the CTO of fameo.us say that jqm is dishonest when they claim good performance based on simple demo pages, when in
index.html#Titles loads web sql list view from same page,... but from external page not load
Is any way get data- attribute value of a link when this go to external page, in this external page? I load data in a page (not main) index.html ...from web sql db, but this only works when go from index.html to index.html#Titles from same page,... but from external page not load? how apply two functions one go from same page and one go from external page to this index.html#Titles? in same page using but fails from external page, how distiguish??? $('a', '.subList').live('click', function(e) {
how to open dialog box sequencely and waiting for input?
I have no idea how to open multi dialog in loop, but before open the next make it get input from user frist. for easier: I want it to act like prompt in javascript. example: I want it to act like: for(var i = 0;i < 10; i++) { var person = prompt("Please enter your name","Harry Potter"); } but if I do this: $.mobile.changePage("#myDialog",{transition: 'slidedown', reverse: false, changeHash: true, role: 'dialog'}); it will continue open dialog and never stop for user input before open the next
conceptual problem or cache problem between pages
Hi, I am facing a cache problem in the client side authentication method. I use a nice navigation panel on my webapp. It works well except when I need to log into my webapp. This is my method : 5 files : - index.html (or whatever.html) : index page including index.js and navpanel.js - index.js (or whatever.js) : ajax methods - auth.html : authentication page including auth.js - auth.js : ajax method wich redirect you on index.html if authentication is true - navpanel.js : ajax method wich display
Selectmnenu repeated nesting
I have a selectmenu in a page and I want to save the page and use it offline. However, when I view the saved page the selectmenu has been nested in a button(?) Further attempts to save the subsequent page result in deeper nests being created. Why would this be so? Any help gratefully received. Here is my code: <!DOCTYPE html> <html> <head> <title>Error Test</title> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.11.0/jquery.min.js"></script> <link rel="stylesheet" href="http://ajax.googleapis.com/ajax/libs/jquerymobile/1.4.0/jquery.mobile.min.css"
external link in an external browser -issue
I am building an app in phonegap with jquery mobile, i want to open the external link in an external browser, then i put in config.xml what you recommend: <access origin="*" /> . I'm builiding the App online with PG build, version 2.9. So It works fine on Android but not on ios, i mean the webpage is still opened inside the App. this is my html:<a href="http://www.google.com/"> thanks
cordova installing
I have got stuck installing cordova. Have been following these steps in order to prepare the environment for converting a html+jqm app into android application. Please help me progress. 1. Download and Install node.js from http://nodejs.org/ 2. Run the command npm install -g phonegap (in case of phonegap installation) or run the command npm install -g cordova (in case of Cordova installation). 3. As the installation gets completed you can notice this: 4. C:\Users\username\AppData\Roaming\npm\cordova
jquery mobile 141 doesn't work with android 2.3.6
On my application I'm using jquery mobile 1.4.0. I try to use the new release 1.4.1 because it's the pop-up problem with sliders on page loading. It's solved on release 1.4.1, i tested with pc, but it dosn't work on my mobile phone with android 2.3.6.
update label on slidr
I'm able to modify slider value set by: objectid="#slider2"; $(objectid).val(set); $(objectid).slider('refresh'); but the number over slider doesn't change <form class="full-width-slider"> <input id="slider1" data-popup-enabled="true" data-show-value="true" min="0" max="100" step=5 type="range"/> </form> someone know how i can do it?
JQM 1.4.1 and Android 2 CSS Not working
JQM 1.4.1 fails to properly "Theme" CSS on Android 2 devices: Simple test... go to: http://demos.jquerymobile.com/1.4.1/theme-default/ on an Android 2 device and you will plainly see that the Theme does not properly load. Revert back to 1.4.0 and the theme displays properly Testing fails JQM 1.4.1 with device: Android 2.2 Model Comet Jim
Offline jQuery App in HTML5
Hi, A noivice here.... I want to develop a application which is offline app developed using phonegap.... I have database of the app that i want to store it locally on device and need to access the sql database file from HTML using javaScript or HTML5 or PhoneGap... Just need a way to access the database file which contains tables from HTML File ... Thanks in Advance,
jqm 1.4.0 doesn't work in ie8
http://demos.jquerymobile.com/1.4.0/button-markup/ this page is ok in ie8. http://demos.jquerymobile.com/1.4.1/button-markup/ some error with not working. and my jqm game has also same problem. http://snshero.com/
Introduce My jqm game project.
hi, there. indroduce my jqm game project. http://snshero.com all side (sever,client) is implements by javascript. server : nodejs 100% client : jqm 100% support all language. cheer you~
jquery moblie 1.4.1 icons can not show in android 2.x browser
my web page been opened with android2.X browser,I can't find picture where statement in data-icon. and then on when I download the demo of the jquerymobile1.4.1 also find that icon has the same problem.How to solve？ hi, while i use the jquery to build a web app, i find sometime the pic cant be shown by the system browser in android phone which version is 2.3. here is my code: <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta name="viewport" content="width=device-width,
Mobile Gallery (photoswipe) needs refresh to work
After reading thru the questions relating to this issue, I would ask for an example of what I would like to do. Since I am a mere (L)user of jQuery, and not a creator, I have been struggling. I have ben trying to implement Photoswipe using the excellent tut provided by another person smarter than I. The Issue: mobile gallery(photoswipe) and drop down menu only work after page refresh. Drop down menu seemed to work fine before. The linked css and script: (line 1-3 deals with the drop down nav, made
the listview autodividers linkbar not working in jqm 1.4.1
the linkbar is not reducing to fit the screen size and it's impossible to reach the last letters with those short cut (not working in all destock browsers, and not working with ios 7.0.5, not testing yet with android but guessing it's the same). http://demos.jquerymobile.com/1.4.1/listview-autodividers-linkbar/autodividers-linkbar-demo.html
How to Maximize the popup width
How to maximize the popup width in jquery Mobile. In my application i used jquery mobile popup it covers the devices width in android v 4.3 and lower versions but in android 4.4.2 it shows very small one jquery mobile version 1.3.2. How to resize the popup when i apply the external style it affects the native jquery popup. Thank you.
Panel closes after long select menu
I have a none native selectmenu inside my panel. When i click on it, it opens a long select UI modal. Then i choose one and it closes. The panel closes too. But i don't want a panel to be closed. Any idea how to solve this problem?
Limit Listview Items by hiding then, but show them when scrolling or filtering
Hi there, I have a filterable Listview Widget having between 800 and 1200 Items. On the same page I have buttons, which open dialogs. Showing and Hiding these diaologs takes about 3-5 seconds. If I limit the number of items to 200, there is no delay in opening and closing these dialogs. Is there a possibility, that I only show x number of items at start time (just hide the rest of them), and whenever I scroll I'll show the next x number of items ? Are the hidden items shown when I filter them? Any
Jquery Mobile Fixed Header - White space(1px) is displaying above the fixed header while scrolling the content - Only in Andrioid
I am using the jquery mobile fixed header. URL is http://jquerymobile.com/demos/1.2.1/docs/toolbars/bars-fixed.html In Android devices, 1px of White space is displaying above the fixed header while scrolling the content. Can we fix this issue?
Replacement of deprecated buttonmarkup?
What is the solution to enhance links and buttons? buttonmarkup is deprecated but i don't find any other method for them?
Jquery mobile site lost responsiveness while accessing via domain name, still responsive if accessed with IP
I am using jquery mobile 1.3.1 to build a website.. It was working fine in the local host as well as the live site.. then I bought a domainname for that and point it to current ip. after that while accessing the site via new domain name it is not responsive in mobile devices.. still if we typed in the ip address in mobile it is responsive there.. mydomainname.com => non-responsive site in mobile myIpaddress => responsive site :-o Do anyone faced this problem...? Please help me...
jQuery mobile 1.4 - Size of custom Icon - breakpoints
Hello, I managed to insert my own svg-icon with the integrated fallback to the png. What are the right breakpoints for mobile devices or is there a workflow, that jquery mobile manages the automatic resize on it´s own? I did it like this: CSS @media only screen and (min-width: 1px) and (max-width: 480px) { .ui-icon-bars02:after { background-image: url("images/icons-svg/bars02.svg"); /* Make your icon fit */ background-size: 22px 22px; } /* Fallback */ .ui-nosvg .ui-icon-bars02:after { background-image:
CORS Issue with JQueryMobile site Download builder for 1.4.1
If I navigate here: http://jquerymobile.com/download-builder/ any time version 1.4.1 is selected in the drop down it gets a CORS issue. http://screencast.com/t/ygDXsWRa XMLHttpRequest cannot load http://amd-builder.jquerymobile.com/v1/dependencies/jquery/jquery-mobile/1.4.1/?baseUrl=js. No 'Access-Control-Allow-Origin' header is present on the requested resource. Origin 'http://jquerymobile.com' is therefore not allowed access.
Dynamic multiple selectmenu rendering not working solid
Hello, i have a multiple select menu which is filled dynamically. But after a refresh sometimes the rendered result ist ok (in about 10 % of calls), but most the rendered result is bad, because the menue seems to be transparent (without background) in 90%. I can't find out the reason for this non-systematic failure. The failure is available in jquery.mobile-1.4.0 and jquery.mobile-1.4.1 the same way. (jQuery-Version: 2.0.3) HTHML-Code: <div class="ui-field-contain"> <label for="mySelect" class="select">MySelect:</label>
Popup or native=false problem
Hello, I a wondering if anyone know or have any idea where problem should be. I am working with. JQuery 2.0 version and JQuery mobile 1.3.2 version. <div data-role="fieldcontain" class="groups"> <label for="select-groups" class="select">Groups:</label> <select name="select-groups" id="select-groups" data-native-menu="true"> <option value="1">1</option> <option value="2">2</option>
Web-App installation from safari?
Hi guys. I've been working hard on a web site that I wanted to load via UIWebView on iDevices. I want to know if someone can have the same experience via using it as a web-app before actually downloading it... I know there is iWebKit but its not for commercial use. I want to know if there is another way for the user to be able to download the 'web-app' as a native app via Safari like few websites that are out there... This won't be a permanent solution, I would like for my friends to be able to try
jQuery mobile css files
Hi, I'm new to jQuery mobile and a little bit confused by all the css files provided : jquery.mobile-1.4.1.min.css jquery.mobile.external-png-1.4.1.min.css jquery.mobile.icons-1.4.1.min.css jquery.mobile.inline-png-1.4.1.min.css jquery.mobile.inline-svg-1.4.1.min.css jquery.mobile.structure-1.4.1.min.css jquery.mobile.theme-1.4.1.min.css when to use them ? and in what order they should be used ? Thanks
text font size scale
Hi, I m using the following header in my HTML: <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, maximum-scale=2.0, user-scalable=yes"; > However, in my App (on iphone or ipad) i cannot enlarge or zoom the text (you know with the 2 fingers), the dimmension of the page is always fixed. am i miss something? thanks
Listview with image,link and checkbox
Hello all, I've to create a listview with three items strictly in the following order from left to right:- [Image] [Link] [Checkbox] I've used Split button list and Grid but both doesn't meet the requirements. I've alrady gone through following links but nothing fulfill the requirements:- http://jsfiddle.net/XAsyy/110/ (styling checkbox with seprator) http://jsfiddle.net/Gajotres/KdNpy/ (Split list with checkbox) Can anybody please provide some code or guidance to achieve this requirements. Thanks
Next Page