Add Pull to refresh event in jquery mobile
Hi i request to add pull to refresh event in jquery mobile becasue if i use third party tool like iscrollz or iscrollview then swipe event stops working you can test this example http://www.kamrat.com/test/iScroll5/iscroll5-pull-test.html and add swipe event to it. An intersting thing is that in safari swipe event works in combination with pull down to refresh ie. (iscrollz or isrollview) but fails in ios simulator and devices
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
Implementation of: Panel only and content only scroll (with fixed header)
I've implemented panel only and content only scroll, tested on android & iOS (Chrome & Safari browsers) optimized for reveal and push effects body { overflow: hidden; } .ui-panel { top: -1px; } .ui-panel .ui-panel-inner, .ui-panel-wrapper .ui-content { overflow-y: auto; position: absolute; left: 0; right: 0; bottom: 0; top: 1px; -webkit-overflow-scrolling: touch; } .ui-panel-dismiss-open, .ui-panel-page-content-open .ui-content
Persistant Header
For future JQuery Mobile, we'd really like a persistent header. For example, when I use Charles Schwab and I scroll a table/list, as I scroll up, the header stays at the top until the next header. Then, that header stays persistent at the top until a following header. I really want this (even at one basic level) for my JQM apps. Maybe it's not called a header...but go here: http://demos.jquerymobile.com/1.0a1/#docs/toolbars/footer-persist-a.html Now, I'd like A to be at the for as many of the A's
Multi-document HTML/CSS/JS code collaboration tools? (vs jsFiddle)
It's been obvious for some time that jsFiddle is not the best way to set-up jQuery Mobile demos. While it is generally an OK way to show a jQuery problem, it falls short for jQuery Mobile, because it is limited (except for "external resources") to a single CSS, HTML, and JS file. While you can include external resources, of course they can't be edited. As well, it's not easy or even possible in many cases to show the use of, say, a REST API. So, another "would be nice" would be the ability to proxy
Announcing jquery.mobile.simultaneous-transitions, 1.0
I'm pleased to announce the release of jquery.mobile.simultaneous-transitions: https://github.com/watusi/jquery.mobile.simultaneous-transitions It's not exactly a plugin (yet). What it is is a simple set of files that you can drop-in to your head and replace the sequential transitions in jQuery Moblle 1.1.1 with the corresponding simultaneous transitions from jQuery Mobile 1.0.1 The repo also include an optional fix for bug #4340 which has not yet been incorporated in a publc release of jQuery Mobile.
QRCode-scan and QRCode-gen icons required.
For mobile apps, it's common to have QRCode scan or QRCode generation features. Would you please add QRCode-scan and QRCode-gen icons in JQuery Mobile?
Tip: display a plain icon. Bonus tip: awesome icons!
The question occasionally comes-up as to how to display an icon. Just an icon. Not a button with an icon. Not a list item with an icon. JUST an icon. Unfortunately, the JQM docs don't seem to address how to create just a plain old icon. I suggested a solution the other day, but it wasn't quite right. Here's the right way: <div class="ui-icon ui-icon-arrow-r></div> You might be tempted to use a <span>, because if you examine a typical page with an HTML debugger, you will see that all the icons used
Use bsmSelect with jQuery Mobile 1.4
The handling for multiple select's by default in jQuery Mobile 1.4 is not ideal. The following is a way of using bsmSelect, which is a user friendly way of interacting with multiple select's. The following is a working example: http://jsfiddle.net/WahKu/ Originally posted on: https://forum.jquery.com/topic/use-bsmselect-with-jquery-mobile-1-4
Themeroller and checkboxes
Hello, I'm making a webform that uses checkboxes like they are buttons. I need to keep the checkboxes checked and all. I noticed in themeroller that theres colors for button states, but they dont all quite apply to checkbox states. The colors seem to apply to the large checkbox area in the the themeroller and ignore the little checkbox. On my site I use the css that turns the little checkbox into the entire checkbox element. I would like to choose a color for the checkbox state that is checked and
New Icons for jQuery Mobile
We have just released a huge icon set of 1200 glyphs that is available not only as PNG but also as a font. You can check it out and of course download it at http://www.webhostinghub.com/glyphs/ The set is absolutely free for both personal and commercial use and we hope that it will be interesting for jQuery Mobile users. We are also planning to add many more new icons and we would appreciate all your ideas on how to make this icon font better.
Announcing jQuery Mobile tableview - plugin for responsive HTML table layouts
One thing I have found missing in JQM is a way to handle tabular data. There are some nice plugins available, but none for JQM specifically. I have written a plugin (widget and extension actually) to handle HTML tables in jQuery Mobile. Demo is here: http://www.franckreich.de/jqm/tableview/demo.html Code on Github: https://github.com/frequent/tableview There are two version of tableview (demo/github is the first one). The "no-func" version only handles the appearance of the table. Tables are responsive
JQM ThemeRoller additions?
I've been playing around with the ThemeRoller and it's great tool! I do have 2 suggestions - - I would love to be able to define the text size along with the color for each item. - I would also like to define if the control should default to mini for each control. Thanks! --Christy
PowerPoint Presentation in JQuery Mobile
Got a PowerPoint presentation in a regular webpage: http://gmjones.org/accountantsinadr_hmrc.php I can convert each of the slides into image files or pdf files easily. How do I set up an equivalent presentation in JQuery Mobile?
Switch back to the old documentation for Jquery Mobile
Have you considered switching back to the old documentation style? I think I by now have done quite a lot with JQM - Fully functioning Web Apps, Trigger. io and Phonegap apps with REST driven backends, responsive displays, Google maps and Facebook integration - but - I would never have gotten this far with the new documentation. It is simply to piecemeal, unguiding, unforgiving. Don't get me wrong - you guys have done a heck of a job - really! But I simply cannot abide by the new piecemeal documentation
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
More options for popup window locations
I got a request to create a popup that opens directly above the button that was clicked to open it: but currently the only options avaliable center the popup over an item. I'd like the ability to choose other locations, such as 'above' 'below' 'right' 'left' Thanks!
Logout icon for the JQuery Mobile project
I downloaded and modified the 4 image sprites that hold the icons for the JQuery Mobile project to include a logout icon, attached to this post. To use them the way the other icons are used you need to add these to your css. Note: there are 4 files but it would only let me upload three - see the first comment below for the 18-black file. (The black files are the same as the white ones with their colors inverted. To make the 18 pixel version of the file, you cannot just shrink the whole 36 pixel file,
data-position bottom for panels
I am using the panel widget in the web app I am developing. http://api.jquerymobile.com/panel/ I look forward to when these can be used outside of the page structure (so that I can include the panel once (it is used for navigation of my app) in a multipage app). However, I would like to make use of other panels and it would be great if I could animate these in using the overlay from the bottom of the page - much like a modal view controller in iOS development. I think this would be great for quick
Pages not loading in Android 4.0.4 browsers / jQuery 1.8.2
Hi, I just want to share this. I just migrated to 1.3.0 and found out that some of my pages is not loading in Android 4.0.4 all browsers (default browser, google chrome and firefox). It's working fine in Android 2.3.6. I don't have any idea about the problem but using the latest version of jQuery (1.9.1) fixed the problem. Thanks everyone for the great work!
reduce left and right margins in popup dialogs
If you make use of a data-role="header" within popups, the popup heading will be abbreviated if it exceeds 40% of the available width (because the left an right margins default to 30%). Eg., this happens in the "Delete Page..."-dialog example - small screen widths will abbreviate the title, even if there is still enough space to the left and right: http://view.jquerymobile.com/1.3.0/docs/widgets/popup/ One solution would be to reduce the margin of h1-Tags in this case: http://jsfiddle.net/jT7k9/5/
JQM 1.3 Panels - data-init="open"?
Hi, In the JQM 1.3rc1 documentation I read that opening a panel automatically is done by callign the method open(). While this is straight forward enough, I would like to suggest a property like data-init which would take 'open' and 'close' (default). I really like the simplicity of the 'data-'-properties used elsewhere. RC1 is out there, but maybe better late than never... Thnx! Jasper
Listview into Panel
I put a listview inside a div with jquery iscroll to then view this in a panel, but the result does not work very well. The search input, of the listview, is not selectable. Why do you create tags or functions that create automatically this type of listview in a panel?
Some additional features for the new panel widget
Hello I downloaded today the new beta Jqm 1.3.0 and tested the new features. The panel widget is a really interesting feature, so here are some feature requests for it ( I don't know it some of them might be already on the todolist): - An Option to set the width of the panel. Atm it's always 17em, but for some cases this is too/less wide - A display setting to show the panel and shrink the main content instead of slide a part of it out of the window. - Make it scroll on its own, so if the content
Iphone/Ipad/Safari.... Font weight changes on device Orientation change...
[Happens in IPhone/IPad/Safari] When the device rotates from one orientation to the other... the fonts becomes thicker in app... this can be overridden/solved by extending .ui-mobile-viewport with the following... -webkit-transform: translate3d(0,0,0); I request the JQM plugin developers to add this.
A Plugin to Speed Up Click Events in iOS and Others
demo: justinmccandless.com/demos/jquery.mobile.fastButtons/index.html github: github.com/justinmc/jquery.mobile.fastButtons I wanted to share this easy plugin I wrote for a project with a big emphasis on performance. I was having huge problems with click events happening very slowly, especially on iOS. It made my app feel incredibly sluggish next to a native app, but the problem wasn't that HTML5 was slow, it was just that the webview was waiting around for click events to fire. jQuery Mobile actually
File input + mini-gallery widgets for jQM 1.2.0
Hello, I just finished a file input and a mini-gallery widgets for jQuery Mobile 1.2.0 I tested tested them on : Android 4.1 Internet Explorer 8-9-10 Chrome 23 iOS 6.0.1 Every feedback is welcome, Have fun
Attaching scripts directly to DOM elements
Is this a really bad idea? I'm currently working on a pretty complicated mobile/web app based on jQuery Mobile, which pulls in pages using AJAX, and uses it's own system for caching/removing pages. I've recently found myself wanting to be able to attach a script directly to a particular element in a page, which isn't something that's currently possible. (When I say page here, I really mean a jQuery Mobile <div data-role="page"> element, being loaded via AJAX, rather than a full, "real" page) As it
jQuery Mobile - Swipe Up, Down, Left, Right
On a project my team is working on, we need swipeup and swipedown functionality. I have written a short blog entry in how to accomplish that currently using jQuery Mobile 1.0a2. http://developingwithstyle.blogspot.com/2010/11/jquery-mobile-swipe-up-down-left-right.html
Usage of configuration of Download Builder settings
When using the Theme Roller, I can upload my 'old' theme and download a new version in the newest format. It would be lovely if the same could be done when using the Download builder. Instead of I must select/deselect items every time I want to download a new version of my JQM build, it would be nice if I could just upload a configuration file and then all my seletions/deselections were done. It is just an idea. It would make upgrading much faster, as I dont have to remember which settings I
Simple parameter passing to dynamic pages
A question that often comes up is how to pass parameters to some dynamic page. I'm using a rather loose definition of "dynamic page". By that I mean a page that has some content creation done in Javascript (whether or not the page was originally provided by a server). Typically, parameters are passed in the URL as a query string. Then you have to parse the query string, and it also looks ugly in the URL bar of desktop browsers. Why go to all that trouble? Such pages usually have a pagebeforeshow
Multiple-Select change event after popup close
Hey everbody. I just started using jQuery Mobile 1.2.0 in a small project. I am using 4 select boxes with multiple option activated and native popups disabled (I like the fancy ones of JQM). If the elements on the first box are selected, I dynamically populate the second box and so on. Currently the behavior of the JQM select is to update the original select as soon the item is selected. It is quite a bad idea to start an Ajax request on each item selection to update the second box. It would be
Thanks for beta 1 :-)
I have just found out that beta 1 is released and have already implemented into production :-) The scroll of listviews seams to be much better, thanks for that. Is there anyway that I can subscribe to posts on the blog? I keep getting tired of looking by 'Blog' every day. It would be nice to be able to subscribe to an email service sending me a notification when there is a new Blog. Keep up the good work. It's much appreciated :-D
load additional javasscripts via loadPage function when using AJAX
When using AJAX to transition pages, no additional javascripts are loaded if the new page has new javascript in the header, etc.. I have done a dirty hack to the loadPage function which loads all the additional scripts from the html string returned via AJAX (see attached for hacked version). The code just needs adding to the success function of the ajax call in the loadPage function- // START modification (Guy Thomas 2012083000)
Searchable Listview
Using this as an example: <div class="foo" id="threeCOL" data-role="content" data-theme="d"> <ul data-role="listview" data-filter="true" data-filter-placeholder="Test..." data-inset="true"> <li data-filtertext="NASDAQ: NAS ADBE Adobe Systems Incorporated"><a href="#">Adobe</a></li> <li data-filtertext="NASDAQ: NAS AMZNL Amazon.com, Inc."><a href="#">Amazon</a></li> <li data-filtertext="NASDAQ: NAS AAPL Apple Inc."><a href="#">Apple</a></li> <li data-filtertext="NASDAQ: NAS GOOG Google Inc."><a
Search filter list - max num of visible items
Hi, When you have a search list with many items the widget is very slow. I'm using a popup to quickly search through a list of 100+ items. When the popup shows up the list is displayed fully taking a lot of time. It would be nice to control how many items max you want to display at one time ( really you only look up the first 5 or so items filtered before you keep filtering ) This should speed up the control, and make the whole experience better.
Specify contentType for $.mobile.changePage option
I am passing data to be posted to the server. However, since the server accept XML and JSON, I have to specify the contentType just like a regular jQuery ajax request. This is what I tried but did not work: $.mobile.changePage('/Detail', { type: 'POST', contentType: 'application/json', data: { item: marker.item } }); Please allow an option to specify this.
Rating control
Would it be an idea to create a mobile rating control which shows up as 5 or 10 stars?
some 1.2 picture popup feature requests
The new popup feature is nice, also for displaying pictures, there are a couple of options I'd like to propose: Option: preload pictures (true/false). I believe that the pictures inside a popup are downloaded once it's opened. That's what I want actually, but others might prefer the pictures to be loaded in advance (along with the page). An option for this would be suitable I think. Option: tap popup itself to close (true/false). To close a popup you either tap outside it or press the optional close
Keeping the header and footer in nested listviews
When I used a nested listview for the first time, I was a bit surprised to find that it created new a new header dynamically instead of just keeping the header and footer of the parent. For my current project this is really important, so I searched around and found many people with the same expectation. I've modified $.mobile.listview._createSubPages to support this functionality by setting data-dynamic to true or false on the <ul>. Ideally this could be implemented as an event or callback so that
Next Page