Newbie: Background image is jQuery Mobile page?
Hi, Is there a way to have a background image in a jQuery Mobile page? The idea is to have a nice image (say a flower) that is shown as background of a page including that of any listviews, tables, grids and other controls on the same page. Is that possible and, if so, is there an example of doing that (w/o plug-in)? Thanks in advance and regards
Newbie: Is jQuery Mobile 1.4.5 compatible with 1.4.0
Hi, I have been using with 1.4.0? I was wondering jQuery Mobile 1.4.5 compatible with that (based on practical experience) before we do upgrade? Thanks in advance and regards
Newbie: Licensing requirements?
Hi, Was just wondering what are the licensing requirements of jQuery and jQuery mobile when use in a commercial but free mobile app such as one built using phonegap? Is it enough to include the MIT license file in the App's binary and/or is it also required to show the license in say About or Credits screen in the App? Is that the way it is typically done and, if so, is there an example of an App doing that way? Searching the Web yields different kind of answers...and so trying to understand what
Table column toogle popup UI not refreshing
See this Fiddle , first click the column button enable the fouth and fifth columns, now click the Add row button the fourth and fifth rows are hidden from UI but again click the colum popup the fourth and fifth columns are checked. (Fourth and fifth column are hidden because of table refresh,but if remove the refresh then the toogle is not working for dynamic rows,how to remove the check or how too manage the items should be visible)
slider events
Hi, I am using jqm 1.4.4 in a multi-page website and I would like to catch the state of a slider when a user swiped or taped the slider. I'm trying to do it like this : <div class="ui-field-contain"> <label for="slider-'+key+'">flip-'+key+'</label> <select name="flip-'+key+'" id="flip-'+key+'" data-identity="'+key+'" data-role="slider"> <option value="off">Off</option> <option value="on" selected>On</option> </select> </div>' $("#flip-"+key).bind('change',
Strange scrolling bug with hover/textshadow and Chrome mobile
Hi, I've encountered a very strange problem and would like to know if this is a jquery mobile issue or a browser issue. The problem only occurs in touch environment and on Chrome, but not with Firefox. Prerequisites: - Use a modern Android phone or current Google Chrome with developer tools and device mode set to e.g. Nexus 5 Detailed instructions: * Open http://jsfiddle.net/3fegnd2v/2/ in Chrome and open the developer tools (Ctrl-Shift-J) * Select the "Toggle device mode" botton (next to the spyglass)
Problem with checkboxes in JQM on devices and not browser.
Hi, I am trying to implement a set of checkboxes in my code but have ran into trouble. I have searched the Internet but still cannot find the answer. The problem for me is that it works fine in a browser but not on an actual device. Here is a basic fiddle of what I am trying to do: http://jsfiddle.net/s3usyxr3/. The problem is after the checkbox is checked it retains the focus, so if I check another box the former box name will still pop up in the alert box instead of the new one. Also how do I
In popup not work
Hello friends , it is my first query on the forum . I use JQueryMobile to organize information in html in local and in a disinterested way . I have found that in the latest version ; 1º.- in 1.4.5 , a popup will not open within another popup . 2.- in a popup , a hidden link by the size of the screen does not work
Install jquery mobile
How to install jquery mobile in Ubuntu 12.04? I have install jquery in ubuntu and I am not sure if that is suffice to start developing apps I am very much a newbie in this area, so any step by step pointers on what needs to be done will be helpful Thanks
clicking near the footer moves
Good day, I would have a problem with the footer of this mobile site I'm developing, I can not keep the footer fixed, despite I gave in DIV the page in question is this http://www.mobigio.com/audioguide/test/index.php?f=1 the code of the footer is this <div data-role="footer" id='footer' class="ui-bar " data-position="fixed"> <div class="mobigio-logo" style='float:left'> <a href='http://www.mobigio.com' target='_blank'><img src='img/mobigio.png' ></a>
Loading icon stay on the index of my WebApp before i refresh
I, I use JQuery Mobile to make a webap and since the beginning, the loading icon stay fix on the first page. Any Idea ?
jQuery Mobile Theme Builder
The Theme Builder does not allow me to duplicate themes. If I design/build theme A and then duplicate the theme, I am unable to edit that theme (B). Each time I click on the "B" tab, the theme continues to duplicate, but shows the "plus" icon instead of a letter. I am unable to delete the extra copies and keep losing my work.
How to programmatically send SMS on the iPhone
This is our code.How to implement it in iphone <a href="sms:;?body=Hello">Send SMS</a>
listview javascript function
my jquerymobile html5 application home page has a jquerymobile listview which links to another jquerymobile web page - for example <li><a style="background:#067ab4"; href="/page2.htm" >Go to page two</a></li> The javascript functions on page2 do not seem to work unless I add target=_self to home page link <li><a style="background:#067ab4"; href="/page2.htm" target=_self >Go to page two</a></li> Is there a way to get jquerymobile page2.htm javascript functions to work without using target=_self ?
jQuery Mobile page content not loading on on first visit
I am using jQuery Mobile and Phonegap to develop a new app for iOS devices. jquery mobile-1.3.2 Cordova 3.0.0-0 Im having an issue loading the main content of a page, the main page load normally without any problem however if i click navigate to anther page the main content of page dose not load. If I visit another page on my application or simply go back and revisit all the contents load without any problem whatsoever. Page on the first visit Page after first visit Going into my logs there is
CSS Style disappears after a hyperlink??
Hello, It is now several days I stuck on a problem. I tell you , when I'm on my main page , for example , and I click on one of the links on it. The design of the new page completely disappeared ? But if I make a F5 via my firefox browser , just become again to normal. Here is the main link : http://la-cave.mon-application.com/gps/headerfooter.html When you click on one of the pictures , design disappears but try to do a F5 (everything is ok) ! Can you help me? Thank you in advance!
Newbie: Showing readonly calendar with specific date?
Hi, Is there a way to show readonly calendar on demand with with specific date selected and all others disabled? Use case is: For a date, shown as a label, clicking it needs to show that date in a nice calendar single month view but in readonly mode. That is, no date should be selectable or clicking any other should not cause the date to be changed. Is that something possible and, if so, is there a quick example for reference ? Thanks in advance and regards
The problem with encode url
Hello everyone. I have a problem when using the widget "dialog" when a dialogue with address bar of your browser appearing "%25D1%2581%25D0%25BA..." I think that the code zhguery mobile is lacking somewhere encodeURIComponent Version jqueru mobile 1.4.5 The site is on the RF domain Here html code: <a href="#dialogUsers" data-rel="dialog" data-list="likes" class="link-list">Saved: <span>123</span></a>Tell me what can be done?
Tab Containing HTML From External Page
I am trying to create a single page application with multiple tabs. However, the tab that loads content from the server doesn't render with jquery mobile appearance and the hourglass hangs. Console log shows some repetitive reloads of jquery from CDN. I put the files in a dir accessible to my web server (apache) and access page1.html. When I click the tab "External Page" button the problem presents itself. I am new to html and jquery so this could be a pretty basic screw up on my part. John
Newbie: Page transitions
Hi, Seeing various posts in the forum, blogs, etc., there seems to be some issues with jQuery mobile transitions in a hybrid mobile app (such as using phonegap and others) and general recommendation seems to be don't use them (i.e. use the default transition of 'none' to avoid flickering.) Once for all, can please somebody confirm the below then: Is that still the case? If (1) is true, is there any simple workaround if at all (probably use CSS transformations, some plugins?) and link to it? Appreciate
Newbie: Automatic and responsive page content pagination
Hi, Is there a way to automatically generate pagination for the content of the page (say a long article as text) in a responsive way based on the available device viewport and orientation? The scrolling works okay but pagination might have better user experience. There seem to be several plugins when searching the Web but they seem to predetermine how many items need to be there on page beforehand and not in a "responsive" way to do it on the fly. Any recommendations? (The text inside page content
How do I remove invisible “ ” which has been automatically added to code in JQM?
I am developing a mobile website in JQuery Mobile and I am fining that at seemingly 'random' points, the web browser is adding in: " " (different amounts on the different pages it occurs). Much of the base of the code is copied and pasted straight from the JQM demo site for the different widgets/layouts etc... and I have read that copying/pasting code from different places can cause this issue. The problem is, how do I remove it, especially when I have
How alter width of jQuery Mobile Panel
Hello, I have a Panel in jQM 1.3.1 working on a page but I need to increase its width. I have applied this CSS: .ui-pannel-inner { width: 25em; }which does increase the width "visually" so the Panel is now "wide", but the framework creates a <div class="ui-panel-dismiss ui-panel-dismiss-position-right ui-panel-dismiss-display-push ui-panel-dismiss-open" data-panelid="PanelOptions"></div> whose width is apparently defined based on the default Panel width. This <div> serves as the "clickable"
JQuery Mobile Panel as Menu
I am using some code I found using a panel for a menu. The nice thing is when using a mobile device (i.e. iPhone or iPad), if appears as a small icon or image at the top that can be touched and the menu drops down. I really like the look and feel of this, but when I go to a larger device or laptop with larger screens, the menu is fully opened and takes up a large portion of the screen. Was wanting to see about how to make it so that the panel menu is always collapsed. I'm using code that is called jqm-navmenu-panel.
Pages hang when there are http 404 on images
Hello, jQm 1.4.5. If I have pages with images that are not available, I return a http 404's. When I then view the page it shows correctly, but if I then refresh the page it seems to hang. When not using jQm the pages refresh normally. Any ideas on what I could check? sending the not found code: .. if (!response.isCommitted()) { response.reset(); } response.sendError(HttpServletResponse.SC_NOT_FOUND, resoursePath); return; .. Cheers Greg
Cloning jQuery Mobile Page content
How do coders here go about replicating shared page content across two or more pages? How do you recreate such shared content for each page without excessive time spent doing it?
Is their any way to use include file in jquery mobile
Is their any way to use include file in jquery mobile pages?
Implementing Google Places with JQM? Predetermined search????
I'm a NUB here at the forums so thanks in advance for anyone that can help! Here's what I'm trying to accomplish: Mobile device gets users current location When user clicks ONE button it does a search, but the search needs to be a predetermined category so the user does NOT have to type anything in the search box. For example Pet stores, spas etc. Whatever it's set to in the code. Will display the predetermined search term results that's in the code and based off users location. I'm assuming I can
Ajax Loader not working
I am new to JQuery Mobile Developer I want to show AJAX loader for each AJAX call in my CORDOVA single page application I have used $.mobile.loading('show') and $.mobile.loading('hide') but is not working please guide Thanks in advance Mitesh
Use Velocity.js and JqueryMobile
I found it on stackoverflow seeking how to get the transition jquerymobile performance. I thought it worked like with jquery, enough to add the velocity.js library for working with jquerymobile velocity. But this is not the case, so I come to see you because I have not found a solution, and there is no answer on this post. Thx Topic on stackoverflow
How to make butons in footer to take all footer width
Hi, I have footers with variable number of buttons, if there's only one button it should take all available footer space, if there are two - each will take half the footer width, and so on.. I'd like to have some space between buttons. What would be the best way to achive this? Thanks!
JQuery Mobile - Set the content at the center of the page.
Hello everyone, I've a page with DIV based design. The content of this page needs to be kept at centre (vertically and horizontally) for all different type of view ports. We applied various ways to do so, like changes in css, script calculation, JQuerymobile centre function, reloading the pages etc. Most of the above implementations are working as expected in browser emulators but not on actual devices. When we browse the same either in tablet or mobile devices and change the orientation of the
How to remove white screen between transitions in jQuery Mobile 1.3.0?
Unfortunately, I have an issue that many people had before but that seems not to be fixed. I recently downloaded jQuery Mobile 1.3.0 and I am building an iphone app using phonegap. When I test my application there is a white screen that appears between each page. How do I remove it?
How to embed twitter widget
I'm trying to embed a twitter timeline into a page using Twitter's provided Javascript (see code sample below). However, the Javascript is not loading. What's the proper way to embed this code into a JQM app? <a class="twitter-timeline" href="https://twitter.com/twitterdev" data-widget-id="YOUR-WIDGET-ID-HERE"> Tweets by @twitterdev </a> <script>window.twttr=(function(d,s,id){var js,fjs=d.getElementsByTagName(s)[0],t=window.twttr||{};if(d.getElementById(id))return;js=d.createElement(s);js.id=id;js.src="https://platform.twitter.com/widgets.js";fjs.parentNode.insertBefore(js,fjs);t._e=[];t.ready=function(f){t._e.push(f);};return
PageCreate event issue
Hello everyone, Whenever I navigate to a new page through a jquery-ajax function, pageCreate Event do not get fired again when called from the new page. E.g $(document).on("pagecreate", function() { page 2 functions goes here...};) ................................................................................. Page 1(privacy policy) navigated to Page 2 (login page) using $.mobile.changePage('Page 2.html'); Page 2 needs to call Page 3 (main page) also using $.mobile.changePage('Page 3.html') but
Pb with an inset listview. How to refresh/create it ?
Hi, I have a question about en inset listview. I can't manage to refresh the listview. Only the inset list inside is refreshed. Do you know how should I do ? I am using jqm 1.4.4 Cheers ! function renderList_house_objects(device) { $('#house_objects_schema li').remove(); $.each(JSON.parse(window.localStorage.getItem("objects")), function(index, item) { $('#house_objects_schema').append('<li data-role="collapsible" data-iconpos="right" data-inset="false">'); $('#house_objects_schema').append('<h2>'+
jQuery mobile multipage how to bind link to div element
Hello, i´ve a maybe stupid question: I want write a click function which change the site to "#site2" when i click on a div. Example: $('#btn_xms').on('click', function () { window.location.href = '#site2' }); The url change but the content doesn't. Where is the bug?
Icons appear as round blobs on Galaxy Y
Hi, I have a phonegap application that is using jQuery mobile. Everything looks good with my Galaxy S2, but when I test it on my Galaxy Y, all the icons just appear as round blobs.
JQM wraps <inputs> tags inside of <head> tags?
Apologies for the crosspost, but my Stackoverflow question isn't generating any interest... Visual Studio 2013 Ultimate update 4, Tools for Apache Cordova CTP 3.0, building for Windows Phone 8.1 I'm searching for help/workarounds/magic to deal with the following: Start with a blank ApacheCordova template app, it runs "fine". Add a button input -- everything is still "fine" But then include JQuery and JQuery.mobile and neither the <p> nor the <input> are rendered when running on the emulator or the
Loading listview with 5 elements (incl. images) takes 8 seconds..
Hi, I am not a professional mobile developer either. Not yet. But investigated quite some time with this issue. I read a lot about performance issues using jquery mobile on phonegap, especially with the listview element. But still I cannot believe that it is normal that it takes 8 seconds to show a listview with 5 elements. Or could it be a problem that I have images implemented in my listview? I would appreciate it a lot, if somebody could take a look and maybe finds some problems with my code.
Next Page