How do I avoid select options auto theming
I built a mobile form following jquery mobile standards but I need a Months dropdown to act as a normal dropdown and not the default select list. Could you help me on this?
Adding transitions/dialogs to forms
Is there any way to specify the way in which the response to the form submission is presented. I've tried adding, for instance `data-rel="dialog"` and `data-transition="pop"` both to the submit button and to the form itself, to no particular success.
Table Formatting
Hi all, Apologies if that has been asked before (a search yielded no results). I was wondering if there are any built in elements to the jQuery Mobile model for formatting data tables? I'm building an extension of our online job manager and so there is lots of tabular data to display. Thanks! Bob
Link clicked then theme isn't displayed
I'm using the following code: <div data-role="content"> <B>Thanks for helping us improve</B> <br/> We value all customer feedback. It helps us to understand how to offer great service and, when we get it wrong, how to improve for the future. <br/> <br/> When your ready to begin, please <a href="survey.php">Click Here</a>. </div> This page is themed correctly, however, when i click on the link in iPhone it takes me to the page survey.php but
Where to place "page-unique" resources ?
Hi, I was reading through the jquery Mobile documentation and found the line below: Conversely, any non-unique assets (those used site-wide) should be referenced in the <head> section of an HTML document, or at the very least, outside of the "page" element, to prevent running scripts more than once. [http://jquerymobile.com/demos/1.0a2/#docs/pages/docs-navmodel.html] Where should i place the unique assets which are per page, like scripts... I'm having problems to load pages when i move the scripts
server redirection
I've been struggling with this all day. I'm trying to setup some dynamic content based on if the visitor is logged in. I can't find a reliable way to do a response.redirect back to the homepage when the visitor is no longer logged in. Also, I'm pretty new to writing pages for mobile browsers. Am I able to read/write cookies? Also, this may be a bug, but I'm not able to get a select menu work inside a dialog page.
Check Boxes
I am trying to figure out how to remove the label text for the check box. I know that I can remove the label text but the problem is that the check box is so big. How do i get the check box to be just the actual check box and nothing else. http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-checkboxes.html
Back button behaviour
I'm having challenges with the behavior of the back button. If I have several internal pages and click through multiple levels then BACK does not navigate back through the levels to return to top level. See below for the set of pages. Steps to reproduce. 1) Open file - #MainMenu is shown 2) Click "About" link - #AboutPage is shown 3) Click "Details" link - #AboutDetailPage is shown 4) Click back button - #AboutPage is shown 5) Click back button - #AboutDetailPage is shown (My expectation here
Grouped buttons in header bar
@all I want to place a grouped button in the header. I used a div-container, placed him with style="float: right;". The buttons are in the right position, but: There is a large gap between this button and the header title (please see image). How can I solve this problem??? Thanx Stefan
Icon styling issue...
I've added some custom navbar icons, like suggested here: http://jquerymobile.com/demos/1.0a2/#docs/toolbars/docs-navbar.html But no matter what I do, (and I've tried everything) I can't seem to get my icons to center align with the button. it is always about 2 or 3 pixels to the right. You can see here: http://jbirdmedia.org/projects/iphone/ The stock icons are 18px x 18px and any icon that size is automatically centered, but anything bigger than that get's off to the right just the littlest bit.
BlackBerry 5.0 Support Timeline
Hi, I have a project that needs to be done by the end of Jan 2011 and it needs to support BB 5.0 as well. I wonder if it is feasible to continue with jQueryMobile for this project? So far I enjoy using jQueryMobile (alpha 2) but just want to have a rough idea in term of timeline on the BB 5.0 support. Will the support be available in 1.0 release scheduled for Jan 2011? So far my testing is done in the simulator only, the layout appears to be fine in BB 5.0 but the back button for the page transition
Does jQuery Mobile disable scalable options?
Is there a way to get jQuery mobile to allow the scalable option? I'm not even sure if it disables it, but it seems like it does (even having meta viewports say scalable is allowed still wont scale). Reason being is because my apps have images on them and I need those to be scalable.
Turning off the themes.
Hi guys, Does anyone know if it is possible to quickly turn off the mobile ui theming entirely? ib.
Speed up things with application cache/offline resources?
Hi, I wonder if anyone tried putting jquerymobile into the application cache? Read more about it here: https://developer.mozilla.org/En/Offline_resources_in_Firefox#The_cache_manifest I imagine using a cdn-provided jquery is probably already faster than using your own copy (since the requests can be in parallel to your files on your server and the jquery files on the cdn) But, on every page load, the browser will anyway make a request to see if any of the linked resources (js files, css files) have
Help with styles of listview items
I am trying to use a list to layout key value pairs very similar to the iPhones contact app I want the Key right justified and only use 20% of the width I want the Value to be left justified and use 80% of the width. I didn't see any ui-grid that met my needs as they all are left justified and split the width evenly I am a newbie to web development so I'm sure I am making this much harder than it is. .ui-grid-keyvalue { overflow: hidden; } .ui-block-key .ui-block-value{ margin: 0; padding: 0; border:
Nested ordered lists
When using nested lists, if the very last nested list is an ordered list then the numerals for the list items will not display. Anyone notice this and find a workaround? In the below example, I want the "third tier" items to have their numerals since its declared as an ordered list but it doesn't display them at all: <ul data-role="listview"> <li>First Tier - Item One <ol> <li>Second Tier - Item One <ol><li>Third Tier
Label text for slider not picking up cascaded styles?
Environment: jQuery Mobile 1.0a2. Can replicate this both in Windows Chrome and iPad Safari. Scenario: If I use a select element on a form as a normal select, then the label element pointing to that select using the for attribute is styled correctly, esp. font size, using the same style as the other labels on the form - the computed styles in Chrome dev tools shows it is picking up it's font size from jquery.mobile-1.0a2.css line 764 (unminimized), which has a selector of label.ui-select. All well
Another questions about links
I've got a simple listview with a link in it. <ul data-role="listview" data-theme="a" data-inset="true"> <li><a href="m17.html">17-21</a></li> </ul> m17.html contains two page divs. Clicking that link will load the last div on m17.html and leave the page unstyled, no css applied, default elements. If I go the m17.html directly in my browser it displays and works as expected, but something breaks it when it's loaded through the link above. What's the trick to making it work? I know this linking stuff
A few style questions...
I'm loving working with JqueryMobile framework, but I'm having an issue trying to style a form. I do not want to use the "built in" style for the forms. I would like to customize it, but after looking through all the css and tinkering I can find the gradients, rounded corners, box shadow, etc. Could someone point me in the right direction? Also I am designing for the ipad, do I need to do anything specific to change any styles away from iphone instead of ipad in the code?
Update a list dynamically with database values
i'm trying to create a list using jquery mobile where the data is dynamically loaded from a database. i tried to echo out each list item, but the formatting completely breaks when i do this. here's my js code: $.get('file.php', function(data) { $("#quest").html(data); $('ul').listview('refresh'); }); here's the php: echo "<li class='poll_item' id='poll_".$id."'> <h3><a href='#'>".$question."</a></h3> <p><strong>blababl</strong></p>
Developing jQuery Mobile applications on a PC
I wish to develop a jQuery Mobile application on my PC which runs Windows 7. My question is: What is the best tool to test a jQuery Mobile application on Windows 7? A specific browser? or a specific mobile emulator? Looking forward to your replies. Many thanks. Bruce.
Show/hide fixed footer
Is there an official way to show/hide a footer? What I'm trying to do is have the footer initially hidden and then display it programmatically. I've tried using style="display: none" on the footer and then $(..).show() but it doesn't actually display until i scroll or tap the screen.
Jquery Mobile Equivalent of jQT.goTo('#home', 'flip') and icons, and source code for demos
Three questions: 1 I had a javascript jQT.goTo('#home', 'flip'); which worked with JQtouch. What is the equivalence in JQuery Mobile? 2. Where can I find icons used in the JQuery Mobil? 3.How do I get the source for the demos? Thanks. Vijay
Other Mobile frameworks ?
I am new on mobile apps.Can any one tell me what are the other frameworks available for mobile apps?
Using jQuery Mobile with Web-SQL and dynamicly generated content
Hi, i've started to convert an old webapp to jQuery mobiel today and it's going pretty good but i have som questions about how to best use jQuery Mobile combined with the webkit Web-SQL database. This webapp is supposed to be a offline capable iphone app, so i'm forced to use only JS/HTML. My page works like this: on my startpage i append a list of links generated from the DB to the main div[data-role=content]. and when you press one of the links i want to display the data on a new page. What i did
dialogs question
ok so one of the things that i would like to know is that will the jquery mobile dialogs have a iframe support. i know it might be lame to have an iframe dialog on a mobile device but i think that it will help in more ways than one.
jquery mobile without hijax and page navigation management
hallo, is there a possibility to launch the jqmobile extension of jquery but without the following functionality: - auto grab the links - auto manage page navigation via ids, hash, etc. but maintaining functionality: - theming - widgets (even mobile.page widget but without above stuff) the reason is: i have my own logic that manages navigation, loading of new pages, xhr, etc. so what i need is the theming and the usage of mobile widgets. so for me a page would/should/could still be a widget but
Links on Dialog Pages does't work in nested lists.
Having one of the nested list item open a dialog upon pressing, does show the dialog popup, but clicking on the link just closes the dialog box and returns to the original page. It will not go to the page linked. Below is a sample implementation <ul> <li> States <ul> <li><a href="tennessee.html" data-rel="dialog" data-transition="pop">Tennessee</a></li> <li><a href="Alabama.html">Alabama</a></li> <li> <ul> And lets say the tennessee.html contains an a href link.
Can anyone describe the (or a) best practice for embedding a flash player in jQuery Mobile?
Of all the embed possibilities, which one has the best chance of success? Thanks
Override jquery styling function
Hello, i find the automatical theming ability of jquery is a nice idea. But sometimes, i dont want this styling to be applied because it ruins my page layout. In YUI, we can define which part of the page should be automatically styled by adding class "yui-skin-sam" to the parent block. Should we use this method too in jquery mobile, so that we can combine both the powerful styling ability of jquery but still reserve the freedom for developers to create page layout. Thanks for attention.
Support for iOS 1.1.5?
The jQuery mobile script doesn't get applied to iOS 1.1.5 (first generation iPod touch updated to the most recent iOS available). The compatibility document suggests that it works on all iPod Touch. The browser support matrix does not explicitly list iOS 1.1.5. So what is the good work on iOS support. I think that if 1.1.5 is left out, the compatibility document might do well to say so.
How do I override default formatting for a>img in the header?
Per http://jquerymobile.com/demos/1.0a2/#docs/toolbars/docs-headers.html, I wrapped the header content in another div to stop the default formatting. This seems to have worked on div[data-role=header]>div>h1 (not centering it), but it didn't work on div[data-role=header]>div>div>a, which still is rendered button-style. It seems to be more involved than a simple style. The script puts the link contents into a span and nests it a couple layers down. Please advise on what might be the best way to prevent
Radiobox readonly doesn't work
I want to set readonly property for radiobox, but it seems that i can still select the item in the radiobox group. Can anyone confirm this? I tested with firefox and google chrome
Switch to next page does not work
Hi, today is my first try with jQuery Mobile. I've got this simple php-Script wich contains 2 pages: <?php if(isset($_GET["page"])) { echo '<!DOCTYPE html> <html> <head> <title>2</title> <meta charset="utf-8" /> <link rel="stylesheet" href="jquery.mobile-1.0a2.css" /> <script src="jquery-1.4.4.js"></script> <script src="jquery.mobile-1.0a2.js"></script> </head> <body data-role="page" data-theme="d"> <div data-role="header">
Link to external site
HI, Wondering how we create a link in jquery mobile to external site, say : google.com which is not our site. And that external site is a full site, not using jquery mobile. I always get error if do put something like this : <a href="google.com">test</a> inside jquery mobile page.
How to user original select tag
I want to generate all day in this year into select tag for user can select date. but When I use jquery mobile.it charge select tag follow framework. But this page is slow download in iphone 3gs and can't open page in androd 2.1 In select tag have option is 365 item so I want to disable framework with select tag please help me.
Form-components disabled state?
Hi, First I would like to thank everyone involved in this project. Great stuff! Is it possible (or is it planned) to disable form-elements like buttons, checkboxes and text-inputs. Disabled attributes seems to be ignored now. I'm also interested in if there are any plans on supporting refresh on "page-level". If not, are there any guidelines what element types that have (are planned to have) refresh-ability. // Torben
Click handler stopped working in Alpha 2
I have this code: $(document).ready(function() { $(".ui-page-active #starttimerbutton").click(function() { console.log("tap event!"); console.log(e); stopTimer(); }); }); <div id="buttondiv"> <button data-inline="true" id="starttimerbutton" data-theme="b" value="Stop Timer"></button> </div> This was working, but now it's not, what am I doing wrong? Thanks!
Preventing jQuery Mobile from replacing Selects (and/or other DOM elements)?
I usually like the way jQM handles selects, but I've got a couple situations right now where I'd like to handle their style/behavior myself. Is there a way to keep jQM from replacing DOM objects when I don't want it to?
Default styling of text fields appears broken
Did the styling recently break for text fields? http://jquerymobile.com/demos/1.0a2/#docs/forms/forms-all.html The rectangular boxes are appearing behind the styled input fields.
Next Page