JQM "Text input" issue on Blackberry
Hi JQM community, I recently upgraded my mobile application to use JQM 1.1.1, and noticed a very big problem on Blackberry 6 browsers. Please see my screenshots. You'll see that when the input text box is focused, it makes the textbox black on 1.1.1 whereas same page does render correctly in 1.1.0 Any help you provide would be appreciated. JQM 1.10 JQM 1.1.1
Is there any way to make the flip switch bigger?
I've been making buttons bigger by adding ui-fullsize but it doesn't work on the flip switch.
Trubble getting hash/history to work on injected page
Hi! I have trouble getting the back button to work on a dynamically injected page. Here is the JS Fiddle: http://jsfiddle.net/G4LCh/3/ I have tried both 1.1 and 1.2 beta but the back button refuses to cooperate. The JS Fiddle-example is nearly a copy of the docs-example from: http://jquerymobile.com/test/docs/pages/dynamic-samples/sample-reuse-page.html In the example from jquerymobile your able to use the back button to get back to the parent menu. But in my example you get back to the root page
jquery mobile transitions when switching to secure url
I have a dialog that appears using the slidedown transition on my test site. When I move to my live site, it is showing with no transition. The reason for this is the URL for the dialog. If I have the url as http://mysite.com/loginDialog.php it works perfectly with the slidedown transition. If I have the url as https://mysite.com/loginDialog.php it loads with no transition. It looks like using https rather than http is causing the issue. The strange thing is, if I click a link on the dialog, the
I have this problem with the CSS style sheet not loading I have to click refresh to style the HTML.
When I first call a an app from another app, the link brings up the second app clean with the styles applied. The when I link back to the first app, this link appears correctly. But if I attempt to link back to the second app, the page does not come up with the styles applied. I have to refresh the page in order for it to display correctly. How can I solve this problem. It only works the first time correctly.
How to remove page from history?
I have a form_page where I have a form to be filled out. When filled out I am going to jump to another page and I don't want the form_page to be part of the history navigation. Consider this kind of page transitions, where it is possible to go back and forth between all the pages, except the form page, which should only be a one way - and that without messing up the history I found kind of similar questions with proposed solutions, but none exactly the same. Remove the page from the history when
How to align text with picture image
I would like to know how to align a name (text) with an image. Currently the image and test are horizonatally align as shown. I would like to know how to align the text horizontally at the top of the image (not on top) instead of at the bottom. ________________ | | | Image | | | |________________ Text Name Is here ________________ | | Text Name Is here (like so) | Image | |
Getting PopUp of IP Address On ajax call On IPhone and IPad
In my jquery mobile project I have the following code being called when the user clicks the 'SUBMIT' button: $('#submitBtn').click(function () { if (validateData()) { $.mobile.changePage('#activelog', { transition: 'pop', changeHash: false }); } }); This page makes a call to the server using ajax to check the username and password and returns a boolean value. On the page change it goes to the activelog page.I then have the following
Is there any way to make the flip switch bigger?
I've been using ui-fullsize on buttons but it won't work if done directly on the flip switch. The best i have is .ui-slider { margin-top:2px !important; height:50px !important; } div.ui-slider-switch .ui-slider-handle { margin-top:5px !important; } .ui-slider-label {padding-top: 5px !important; }
Can't submit page after page transitions.
I am working on a mobile web application, and want to have sliding transitions between pages. However, after transitioning to a page using javascript:$.mobile.changePage('insert page link here','slide'); I cannot perform any submit actions on the next page. Console throws out the error: Uncaught TypeError: Object #<HTMLCollection> has no method 'submit' Anyone have any idea what causes this, and how to get it so I can successfully do page submissions after transitions?
How to prevent div's from exceeding certain widths when using css percentages?
I am trying to design a site using Jquery Mobile Framework that I want to be able to be viewed also on a regular pc and look fine. my problem currently is that everything stretches out to the necessary widths I set for mobile screens and looks terrible on a normal PC screen. Is there a way I can set things to NOT exceed a determined width on larger screens? Thanks! here is my css im currently using for the logo resize: #logo-center { width: 100%; text-align: center; margin-right: 0;
Dialogs not showing up, question on dialogs and data-dom-cache="true"
JQM1.2.0 Beta JQ 1.8.1 On my page there is a edit-dialog. When testing at some point it stopped showing. Then suddenly I only saw a black page (theme a), but the dialog was missing. I read the docu and hope to have understood correctly that I need to set data-dom-cache="true". Since I changed it I wasn't able to reproduce the error, but because the error was not always reproducible in the first place, please, can someone confirm that the data-dom-cache statement missing was the probable cause of
Couple questions from a total beginner
Hi folks, I'm a website developer, and although I've converted a few sites for handheld devices, they all still have a static narrow width. I'm finally going to get into a style that is a little more flexible, and I like what I see at jquerymobile. I downloaded the package and did some of the initial design, but it appears that the idea is that you choose one of (or a hybrid of) jquerymobile's styles. They're attractive and all, but I really need to have more control over the look so that the
taphold position on event
I need to know the position on taphold event. There is a way? For tap event I have clientX, clientY but in taphold no. Thanks, Simone.
Passing parameters in querystring
Can someone help me to understand how JQM works with querystrings? I've read documentation here that states JQM doesn't support querystrings: jQuery Mobile does not support query parameter passing to internal/embedded pages. For example, if the framework sees a link to "#somePage?someId=1" it interpret that as "#somePage" and navigate to the internal page div with an ID of somePage and apply a data-url of #somePage?someId=1 to that page container. Subsequent calls to other params such as "#somePage?someId=2"
data-prefetch
Trying to use best practices here. I've created a footer below. Should I be using data-prefetch after each data-transition type? Using 1.7.1 jq and 1.1.0 jam. Wrapping in cordova 1.7.0. Single page set-up. Thanks for the advice. <div data-role="footer" data-id="foo1" data-position="fixed"> <div data-role="navbar" class="custom-icons" data-grid="d"> <ul> <li><a href="index.html" id="home" data-icon="custom" data-theme="a" data-transition="none">Home</a></li>
Sea of Clouds twitter feed script - anyone used before? Having a very strange issue with loading the feed
My question revolves around the issue I am having loading the feed when on 3G rather than wifi. I am wrapping it up with Cordova 1.7.0, jq 1.7.1 and jqm 1.1.0. If on wifi, the feed pops no problem and loads in about a second. If on 3G, sometimes it loads, sometimes it hangs and does not load. In other words, it is not 100% reliable. Is there some timeout I am missing somewhere? I am grateful for any feedback or suggestions. This is twitter.html, which is fed from social.html (below twitter.html).
Error loading page WP7
When I try to change the page in windows phone simulator for example: <a href="OutstandingBillDetail.html?id=1234"> </ a> I get "Error loading page", do not know if it's because the url has parameters, but it should be working. OutstandingBillDetail.html page if it exists and is in the correct directory. I need help, thanks!
The slider is broke?
They work fine but as soon as you put them inside of any grid (ui-grid-a, ui-grid-b, etc) the handle is offset to the right. http://jsfiddle.net/NECVB/4/ <!DOCTYPE html> <html> <head> <title>SLIDER FAIL</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <style type="text/css"> </style> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
Jquery Mobile is corrupting my button links
I have a link on my home page to go to the body armour section of the site, the URL is www.mysite.com/Body-Armour. I have a footer bar with a button on it that goes to the advanced search page. The underlying HTML shows the link on that button is www.mysite.com/Advanced-Search The problem is, JQM is corrupting the link on that button so the actual URL becomes www.mysite.com/Body-ArmourAdvanced-Search. My site uses re-written URLs and I've had a problem with images with relative paths but this was
Overflow scroll in jquery mobile
how to do overflow scroll in jquery mobile.i am trying the following code.it is not work.thanks for your help.. <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script> $( document ).bind( "mobileinit", function(){ $.mobile.loadingMessage = "Initializing";
how to re-render the ui-grid-* div
HI In my project , I need to dynamic insert/remove a div with the class 'ui-grid-a' , even I use the page('destroy').page(), It doesn't work any more ,just show me the normal text , do you know some method to solve it ? Thanks very much.
Prefetching page with MODX's Wayfinder
Hi all, I'm making a jquery mobile website in combination with MODX. Now I have two problems: 1. The website is very slow on smartphones, so the transition doesn't look nice and after the page has loaded, it's slow to. I tried to prefetch the pages. But I have no idea how I can do this when I use wayfinder. Normally you prefetch the pages with the prefetch-page code in the link. But when I use wayfinder, I don't know where I can place the prefetch code. 2. My second problem is the cufon script.
mobile.changepage to load value to the textbox
There are 2 html pages. Get data from the first page and moves to the second page. From the second page to first page using mobile.changepage want to set the values of the textbox as typed first..
dynamically loading list items
The following is the sample code for loading dynamic list item but down arrow is not displaying.what i have to do for down arrow to diplay....thanx for your help <!DOCTYPE html> <html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ISO-8859-1"> <title>Insert title here</title> <script src="http://code.jquery.com/jquery-1.7.1.min.js"></script> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.css" /> <script src="http://code.jquery.com/mobile/1.1.1/jquery.mobile-1.1.1.min.js"></script>
back button behavior and mobile browsers
Hi, I'm trying to implement a simple back button with jqm and I can't quite get there. I'm not sure if it is a jqm issue or a mobile browser issue. I'm not using external or data-ajax=false, so I'm using the default Ajax linking. I implemented a basic back button using data-rel='back'. Unfortunately when I click back, instead of using the cached version of the previous page, Safari (iOS 5+) tries to recreate the previous page. I thought mobile browsers should do a lot of caching, but it seems to
how to create data-icon="arrow-d"
how to create 'li' with data-icon="arrow-d" dynamically in jquery mobile.
Why not ˚data-role="popup"˚ outside of ˚data-role="page"˚ ?
i am wondering why the designated popup content element data-role="popup" needs to be inside of the data-role="page" element. wouldn't it make more sense to place it outside of it, since it is not actually part of the page displayed, but an extra element that shows up later on during runtime.
Can I disable hover effect by using: buttonMarkup.hoverDelay = 0
In order to optimize user experince/response time I'm wondering if setting the global setting buttonMarkup.hoverDelay = 0 will result in that JQM doesn't apply the hover css to elements? If so it should be stated in the documentation: http://jquerymobile.com/demos/1.2.0-pre/#/demos/1.2.0-pre/docs/api/globalconfig.html If it is not the case, why is that?
Is there a way to select a collasible row within a list from another page
Is there a way to select a collasible row within a list from another page I can select a collasible set on a page from another page. But how can you selection a row within the set. <p><a href="#mrktrpts" data-role="button" data-mini="true">This shows me a collapsible list on the mrktrpts page</a></p I would like to be able to select a specific item (row) within that collapsible list from another page.
Is there any restriction on php version for JQM?
Hi! I'm having problem using jquery mobile on php version 5.2.11. Any linking page using ajax it is not working, It shows -Error londing page- and I getting internal error 500 from server. Linking internal pages and linking pages without ajax (data-ajax="false")work fine. I can't find any information about any restrictions on php nor a similar issue. Does anyone have a clue about it? Thanks,
How do I disable loading of ajax-loading image?
Hi. As I'm not using any ajax-loader.gif I'm wondering if it is possible to disable the load of this? I mean, why using 7 kb of bandwith, time and overhead of loading something that I'm not using? Kindly regards Ruffio
Mobi Scroll date Picker popup is not opening sometimes
I have three pages in my app. Home.aspx ,day.aspx,month.aspx which has same footer. I navigated to home page first. Scenario1: when i click on day of the home.aspx it takes to day.aspx which has mobi scroll date picker in the header. In this scenario date picker is working fine. Scenario2: I clicked on month button first in the footer of home.aspx it takes to monthpage.aspx which has list items in it.When i click on list item it takes me to day.aspx page.Then also date picker is working fine.I click
Server sent event feedback to client
Hi, I am new to jQuery/jQuery Mobile and javascript programming. I have a question about server sent events and jQuery Mobile: Toggle slider html: <li style="height: 40px;"> <div class="containing-element"> <label style="position: relative; top: 10px">Slider1</label> <span style="float: right"> <select name="Slider1" id="Slider1" onchange="SetBit('Val')" data-mini="true" data-role="slider"> <option value="off">Off</option> <option
Focus setup in navigation
I use theme "e" for navigation, but when I click on a button, it's "focus" state for some reason displays as "b" (theme). Any idea how to fix that?
having problems showing multiple pages in a single page layout
Hi. The large part of my app is a single page layout. However, there are a couple of pages that are multi-page layout - for example where I have dialogue boxes. If I am currently on a single page, and link to a multi-page, only the first page of that multi-page is shown. The rest of the pages are removed from the DOM. Refreshing the page re-shows the missing pages again. Can anyone shed any light on this. What am I doing wrong? Thanks
Links not Navigating Properly.
I'm a newbie to jQuery. I am attempting to make a mobile version of my site (which it sorely needs). I have the homepage the way I want it, but I'm having trouble with links. The link for Full Website is the only one currently linked. It links to "../index_full.php" for some reason when I click on it it goes here: http://www.lutzcreativegroup.com/mobile/test.php#/index_full.php No idea why it is doing this. I have tried these variations: "/index_full.php" and "http://www.lutzcreativegroup.com/index_full.php".
Why does this jquery mobile css or js does not work?
Hello , everybody ! I am a rookie . I recently begin to use the jquery mobile . Now I find the css or js I defined between the '<head>' and it does not work anyway . I cannot understand this . Who can help me !!!!
New opensource jQuery Mobile CMS C# ASP.NET
New opensource jQuery Mobile CMS C# ASP.NET The purpose of this project is to demonstrate using jQuery Mobile framework with C# ASP.NET web application. This project is NOT affiliated with jQuery and therefore is NOT supported by jQuery. Project source code is hosted at http://jquerymobile.codeplex.com/ Features • Dynamic Ajax driven content webpages • Facebook integration using oAuth • Custom ASP.NET membership using Entity Framework • SEO optimized webpages using friendly URLS, tags and titles
How to disable zoom?
Hi. I thought that I could disable zoom by using: <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1, user-scalable=no" /> but no :-( How do I disable zoom?
Next Page