I'm working on a cross platform mobile application using jQuery mobile with Backbone.js and Phonegap.
Initially I was using jQuery Mobile version 1.2.1 but when I changed the jQuery Mobile version 1.3.2 found that the radio button's checked icon changed as a 'Tick' mark rather than the usual 'Dot' mark in Android 4.3. The 'Tick' mark was also not visible properly.
Please find the attached image for reference.
I want to change this 'Tick' mark as the usual 'Dot'. Can any one suggest me.
Thanks in advance.
The problem is with the copying of sprite images. There is change in icon-file since 1.2.1. The checkbox render because the background-position conflict with the icon file of 1.2.1 which is smaller than 1.3.2.
Reconfirm the image file with the jquery 1.3.2 bundle.
Copy images from 1.3.2 bundle once again in images folder. And Validate.
check github history
https://github.com/jquery/jquery-mobile/commit/1d293e0c3ed97e59ac58289071d6ebfee11366c8
Related
I am trying to click an link with twitter bootstrap label class in capybara test, however, the element is not displayed. After I remove the label class, the element is displayed and clickable.
This observation is based on using capybara's screenshot_and_open_image method when debugging the problem. Any idea for this strange behaviour?
(The page is rendered correctly in major browsers.)
PhantomJS 1.9.8 implements a pretty old browser (Safari 5ish IIRC) so it could be some kind of css issue - 2.0.0 is a much more feature complete modern browser, but has issues with file upload -- 2.0.1 (unreleased as of now) fixes the file upload issues - Try using PhantomJS 2.0.0+
I'm writing a WebApp for Android using Cordova 3.5
When i compile and run my application, all the input text's don't work, i try to input some text but no work.
I try to do some CSS tricks like *{user-select: text;}, but also don't work.
I build my app using jQuery mobile 1.4.3
Someone knows what's happening?
Delete position:absolute from the CSS of container
Let me start off by saying I'm new to jQuery mobile. I've been asked to change to theme of a website and from looking at the jQuery mobile website here there is 5 default swatches that come with it. The only problem is that when I look at the theme file it only has 2 swatches, labeled A and B, but which look more like A and C. Can someone tell me where I can find the additional default swatches?
Thanks for your help.
The guys from jQuery mobile also created the classic theme for 1.4 although they don't actually support it.
You can find it here: http://demos.jquerymobile.com/1.4.0/theme-classic/theme-classic.css
And view the demo here: http://demos.jquerymobile.com/1.4.0/theme-classic/
jQuery Mobile 1.4 has two themes "a" and "b", unlike previous versions.
To upgrade custom themes previously created by ThemeRoller, at the page's top, click on import to upload old themes and then choose 1.4.0 from drop-down Upgrade to version list.
I updated jquery and jquery-ui from versions 1.7.2 and 1.8.23 to 1.9.1 and 1.10.3, respectively. Of course, with this my custom rolled theme no longer works.
Is there a way to update my theme to work with the new version without rolling a new one from scratch?
Open the css file that came with your custom theme.
In the top of the file you will find a comment that says:
To view and modify this theme, visit [followed by a really long link to the jqueryUI theme roller].
Here is an example for the start theme.
Navigating to that link will bring you back to the Theme Roller with all your settings preloaded to match your theme.
Simply Re-roll the theme as if you just started from scratch and replace the previous CSS (and image files if necessary) with the ones you just generated.
I am using jquerymobile latest stable version with jquery 1.5
on my application i am using Spring webflow,
On first page of flow i have two links to other pages. See below scenario
Click on link 1
Page B opens with slide transition
click browser back button
First page comes back but with spin wheel which never disappear
How to get rid from this spin wheel?
This is happening in android and iphone
Depending on the version of jQuery Mobile you are using, you may have to upgrade your jQuery Core.
As of the Beta 2, this was stated:
Note that jQuery Mobile 1.0 will require jQuery core 1.6.2 as a
baseline.
From: http://jquerymobile.com/blog/2011/08/03/jquery-mobile-beta-2-released/
UPDATE
According to the Release page for 1.0.1, they use 1.6.4. I believe this is the minimum and 1.0.1 is the latest full release of jQM as of this writing.
http://jquerymobile.com/blog/2012/01/26/jquery-mobile-1-0-1-released/