drag & drop on smartphone, tablets
Is it possible to have drag and drop on smartphones and tablets just like we have them on laptops. How to make this happen on mobile devices. Thanks
Comments for jQuery Mobile App
Hi, there ! Thank you in advanced for the support you can give me. I'm developing a tourism web app with jQuery Mobile and I need that people using the app can make comments with their opinion about the hotels, restaurants, services, etc. I'm new to jQuery Mobile and don't know how to do this. Do I need a database? Can I find a plugin that already does this? I've been searching the Internet and can't find anything. I hope someone can help me and give me directions on how to achieve this. Thank you
Newbie help for IE display
I have created 2 small payroll apps and they work great, look great!! (Thanks JQueryMobile!) However, the bosses don't like the way it is seen on IE since it fills the entire screen. I have googled and tried some suggestions found on stackoverflow, but doesn't reduce the size on the desktop. Now my choices are create 2 screens, one for mobile and 1 for desktop, or find a way to make it fill maybe 50% of the desktop. Currently the company's portal is supported only thru desktop on IE, Firefox,
Button: programatic theme updates
Pls see release notes.... http://jquerymobile.com/blog/2013/02/20/jquery-mobile-1-3-0-released/ https://github.com/jquery/jquery-mobile/commit/2e21c6b92a2fc919c46244874de9da7a52173b50 It is now possible to change button‘s data-theme programatically via _setOption. I don't see anything on this in documentation.. http://api.jquerymobile.com/button/ does anybody know how to use this.... ?
jQuery Mobile multi-page swipe (MVC4, #C, .NET)
Hi, i am trying to display my model values in several different jQuery mobile pages. But when i use my code only 1 page is rendered in the source code, wye? & how do i fix it ? My ID's of pages are unique. My data-role="page" contains sections: header, content, footer. My model thats loops contains more than 1 row. This is my View: @model List<itsperfect.Extreme.Web.Booking.Models.BookingDays> @{ ViewBag.Title = "Välj din tid"; Layout = "~/Views/Shared/_MobileSwipe.Mobile.cshtml"; } <input
JQM 1.3 panel + iscrollview + dynamically loaded pages
Hi all, I'm trying to implement a listview that has data-iscroll enabled where pages are loaded dynamically on pageinit. I currently have 2 external pages where there is a listview with data-iscroll set and on pageinit; one page get's loaded into the index.html's content and the other to a panel. Basically; it's like this for my index.html page: <html> <head> <meta charset="utf-8" /> <meta name="viewport" content="width=device-width, initial-scale=1" />
multi-page keeps CSS if using a href, but does not if using swipe
When using jquery swipe, the CSS of the first page changes when showing the second page. However, if I just use a simple link, it maintains the CSS. Can someone please help explain what I am doing wrong to get this result? Here's the basic code: <!DOCTYPE html> <html> <head> <title>jtest</title> <meta name="viewport" content="width=device-width, initial-scale=1"> <meta http-equiv="Content-Type" content="text/html; charset=utf-8" /> <link type="text/css" title="standard" rel="stylesheet" href="themes/jquery.mobile-1.2.0.css">
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!
remembering which columns to display
Using JQM 1.3 table column toggle. How can I refresh the data in the table, or the whole page for that matter, while displaying only, or exactly, the columns that the user chose?
Ordered list doesn't display numbers in Windows 7.5 mobile device
Hi, In Windows 7.5 mobile device ordered list doesn't display numbers but shows zero (0) for every bullet lists. Do any one know the solution? Thanks in Advance. Chandra
Windows 7.5 mobile device text wrapping issue
Hi, In Windows 7.5 mobile device if I in put email address too lengthy then on display screen, mail text is not wrapping and run off the side of the mobile screen. I have set style "word-wrap:break-word;" to that html element but still its not working. Please help. Thanks Chandra
RWD & jQuery Mobile Widgets
This may be something obvious, as I'm new to jQuery & jQuery mobile, but how do I selectively use a jQuery Mobile widget? Specifically, I'm doing a mobile-first RWD site & I want to use the collapsible set widget (accordion) on smaller widths (in other words, on mobile devices). But I don't want to use the widget on larger widths (such as tablets & desktops). I wan to get a bit more fancy on those devices (progressive enhancement). I've tried Google searches & reading the docs, but as I'm not really
jQuery Mobile Opensource
Hi, I'm new to this and have been playing around with jQuery Mobile code. Very good. love it. I've been doing a lot of reading about this, but can someone please confirm this. 1) Opensource jQuery is an opensource platform where I can use it to create website no problem right? no copy right issue? do I need to display any link back to jQuery for this? 2) jQuery library source I can freely download and use the script below for my website can't I? and build it from here. Do I need to make any reference
book layout, change only one page
hi, i just started working with jquery mobile and have so far only used the "normal" multiple page layout as shown in the demo section. for a little project on the ipad (landscape), i would like to have two pages next to each other (like in a book) and be able to only change one of the pages by clicking on a "link". Is this possible with jquery mobile and if so how is it done? if you could provide me with some links i would be very thankful cheers katzenjammer12
Listview data-filter-reveal problem JQM 1.3
Hi, I have created a list view with property data-filter-reveal set to true. The list is populated from a sqlite database at runtime in pageshow event. When I open the page, the listview is shown correctly in the page but is is expanded (all children items are shown). If the listview is populated directly from the HTML file of the page (static content), the children items are shown correctly only when I type some text in the search field.
Loading widget in dolphin browser????
Hi. I have been using dolphin browser (its in top 10 list of browsers) and application goes great, except for loading page. I cant't see a way to show it. In other browser (chrome, opera mini, safari) works ok. Is this a general problem or is there any solution or work-around?. Thanks
How to prevent jQuery Mobile from adding min-height to data-role="page" element
Hello, I'm using jQuery Mobile 1.3 RC1 with jQuery 1.8.2. I have noticed that jQuery Mobile apparently adds a style attribute with calculated min-height property to the data-role="page" element. This is causing some problems with the particular design and layout I'm using. I have a min-height property in my CSS, but it is ignored since jQuery Mobile adds the min-height directly to the element via a style attribute. If I use Firebug or Web Inspector to disable the element's min-height style property
Submit into a iframe-popup
Hi everybody, I'm using jquery mobile pop-up with an iframe inside. In my case the content of the iframe could do none, one or more page submit. The problem is that when I try to close the popup without doing a iframe content submit, everything goes ok, but when I do a submit into the iframe and then I call popup close, the content of the opener goes into iframe. Seems like if iframe content loses information about his parent. Here is the code... Opening button: <input value="Open popup" data-theme="b"
Popup dialog problem in JQM 1.3 and iOS
Hi, I try to close a popup dialog using the following code: $("#popupLogin").popup("close"); but the dialog is not closed. If I change my code to call the close function twice, it is closed successfylly.
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/
.listview gone, use .mobileListview instead?
Hi, is just tried to upgrade my application from JQM 1.2.0 to 1.3.0 and got an error that Listviews now don't have data-property "listview" anymore. Do i understand right that this has been removed? I haven't found any documentation about this, that's why i'm asking. ie. my code before did something like this: jQuery("#myListview").data("listview") In 1.2.0 i can see that this data-property is set, in 1.3.0 this is gone, instead a mobileListview property exists.
Jquery Mobile Collapsible List issues on Nexus 7 i.e quick expand and collapse on single touch
Hi Iam using Jquery Mobile's collapsible list view, which is working fine with many of the android devices like S3,S2 and Galaxy tablet devices(also with LG devices). The same is not working with Nexus 7. I am using Backbone+Jquery mobile . Expand and collapse is very fast on single touch ( I mean its expanding and collapsing on single touch). If i touch and hold for some time then expand is working fine, even for collapse also i need to touch and hold for some time. the following is the sample code
asp.net mvc partial view and jquery mobile
Hi, i need to refresh a listview when dropdown selection change. i'm doing this by return partia view or by filling div view javascript. but when i use Jquery mobile the list view style not change to the mobile style but the basic style of regular lu. i googled this but would not find the helpfull answer. thanks for any help!
JQuery mobile tool-tip popup(“close”) function is not working in IPhone 5
In my JQuery Mobile site I've added a tool-tip dialog box to open when the page is load and It'll disappear after 5sec. My code is similar to follows, <div data-role="popup" id="popupInfo"> <p>This is a completely basic popup, no options set.<p> </div> <script type="text/javascript"> $(document).live( 'pagechange',function(event){ $('#popupInfo').popup("open") setTimeout(function() { $('#popupInfo').popup("close"); }, 5000); }); </script> This update is working fine in all devices except in IPhone
Windows 8 store application using PhoneGap and JQM
Hi all, i am planning to develop an enterprise application using phonegap and JQM which is targeting all platform tablets. Can any one tell me how can i bring Windows-specific UI/ Android-specific UI to my application. For example, i want to add appbar to my application. Is there any plugins available for Windows style application UI (Previously it was called Metro style application) ? Any ideas to handle page navigation ? Is there any inbuilt page navigation techniques ? Thanks in advance !
Jquery Pages 1 and 2 column layout
g'day, I love jquery pages, but wondering if someone can help me do the following. Basically I have a menu that selects a set of pages, all in the same document. What I want: - on phone - to click menu, and "navigate" to new page, with a back button (as per the mobile demo) so I can do that... but I also want - on computer, or ipad, have two column layout with menu at the left hand side, so clicking the menu replaces the page on the right column - the menu remains always visible. NOTE - it's
1.3 Final, and documentation
Apparently, 1.3 was declared Final this morning. (Though there's some ambiguity on the website, with it referred to as both "Final" and "RC1".) At the same time, the documentation has switched over to a new format. There is now separate API documentation, which is very rough: http://api.jquerymobile.com/ Now the demo is just a demo/examples: (no it isn't, see "update" below...) http://view.jquerymobile.com/1.3.0/#&ui-state=dialog&ui-state=dialog While the old documentation was hard to navigate, because
iPad page transition issues
Not sure if this has been answered yet; but, I've tried so many "quick fixes" to no success. Currently, every time there's a page transition, the styling of my navbar gets unstyled and the screen jitters. Here is my index file, http://cl.ly/N4pb. And here's my custom css file, http://cl.ly/N4cX. The text also looks blurry during the transition as well. I also turned "off" the transition, but you still get the unstyled navbar as well as the blurry text momentarily. http://jsfiddle.net/SUa3p/, you
Changing the order in a collapsible set breaks hide/show
Using JQM, I have a collapsible set that I want the user to be able to change the order of. I can change the order with jquery, but after the content is changed it breaks hide and show (the collapse function). Looking for some ideas as to what's happening and how to fix it. Example on jsfiddle *I tried to post the code here but I got a content limit error.
ReferenceError: table-columntoggle is not defined
I like Column Toggle. It works fine with a static table, but when a new row is added programmatically, it doesn't get required classes (ui-table-priority-?, etc.) to function. Refreshing the table with $("#myTable").table-columntoggle( "refresh" ); fails with the following error: "Uncaught ReferenceError: columntoggle is not defined". As a matter of fact, I get the same error trying to just get some options: $("#myTable").table-columntoggle("option", "columnBtnText"); I use jquery.mobile-1.3.0.js
Latest jquery mobile CDN bug fix?
Hi everyone,im busy trying to get the latest CDN to work with my theme. Has any markup language changed? Currently im using this script in my header. <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js" type="text/javascript"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.css" /> <script src="http://code.jquery.com/jquery-1.4.3.min.js"></script> <script src="http://code.jquery.com/mobile/1.0a1/jquery.mobile-1.0a1.min.js"></script>
.net Button Click Event Not Firing
I'm running JQM 1.2 on my .net 4.0 website. I have a normal .net button that fires a server side event. However the button event does not fire on the server. This button is inside of a user control, not sure if that matters. I tried adding data-ajax="false" on the form tag of the master page. And even adding ajaxenabled = "false". Still no luck. Can someone please help? <asp:Button ID="btn6" runat="server" OnClick="btnSaveCart_Click" />
Dynamic content multitemplate page
Hi all, I've a multi-template page with 2 pages. The first contains a listview of element loaded dinamically by a json. When a list item is clicked, I have to show the second page with another listview, with the items related to che clicked item. I'm able to create correctly the view, but when I click the back button and choose another item, the second page also contains the items of the old page. I've tried to use $("#list").empty(); but when i load the second page for the second time, jquerymobile
Two buttons in the header bar that open panels
Hi, I know this probably a silly question. I copy the source code at http://view.jquerymobile.com/master/docs/widgets/panels/panel-fixed.php and pasted it directly to a html page. It doesn't seem to display right :( I need to have header and jQuery script somehow I believe. What do I need please? Thank you!
item search
Hi, Can someone kindly help? I'm a newbie to this, playing around with the filter item search... <ul data-role="listview" data-inset="true" data-filter="true"> the above code allow to search by one item only, but is there a way, this search can be itemised into a few specific search at once e.g. a pizza store, search by name, location and price all at once? Thank you so much.
Why Jquery panel is not working in Internet Explorer?
Hi, I am trying the new jquery mobile panel http://view.jquerymobile.com/master/docs/widgets/panels/panel-fixed.php in Internet explorer. But its Not working at all. But its working fine in Chrome and Firefox. Any plan to fix this issue? Thanks, Suresh
jq mobile want work with local js- and css files
hi, i store the jquery-1.9.1.min.js, the jquery.mobile-1.2.0.min.js and the jquery.mobile-1.2.0.min.css in /lib/js and /lib/css at my index.html i put these in the header: <link rel="stylesheet" href="lib/css/jquery.mobile-1.2.0.min.css"/> <script src="lib/js/jquery-1.9.1.min.js"></script> <script src="lib/js/jquery.mobile-1.2.0.min.js"></script> but no jq mobile works. if i replace it with (from your homepage): <link rel="stylesheet" href="http://code.jquery.com/mobile/1.2.0/jquery.mobile-1.2.0.min.css"
Page Create event for ALL pages?
Hi there, I want to fire a function when every page is created, from the API documentation I can see that I can do the following: $( '#aboutPage' ).live( 'pagecreate',function(event){ ( ":jqmData(role='sweet-plugin')" ).sweetPlugin(); }); However, this event handler seems to be for a specific page. Is there a similar event I can use for all pages? So that whenever any page is created, I can trigger a custom function? Thanks.
set up back button history for search page
jQM 1.2 I am needing to be able to return, using back, to the Search/Filter page after a user clicks a link on the Search/Filter page. To the nav.html page, I have added the attribute data-dom-cache="true" to the div with data-role="page" (see below), but is not working. nav.html <body> <div data-role="page" data-dom-cache="true" data-theme="a" class="nav-search"></div> </body> Am I adding this to the correct page/div? Also, shouldn't I be able to find the script in the .js files that are triggered
back button history not working with search form
We're using the pop-up dialog element. ( data-rel="dialog") to load a simple search form. The user enters a 3-digit code and is redirected to the profile on our site. However, after that search, the back button no longer functions properly. In some instances it will only take people back to the home page of the site and not to any of the subsequent pages, and in other instances, it stops working entirely. Here's the working draft of our site which shows these issues. http://m.natureandmore.com/mobile_home
Next Page