Input type password - Design issue - Rhodes - rhomobile

In my app I am using a form for registration purpose, in this form if i click the password field
some design issue occurs(webkit-border-radius,background color are removed)
Then I tried with Jquery Mobile, there also same problem
Here I have attached the screen shot,
image1
image2
give me a better solution
i am using Rhodes 3.0.2

Seems like a jQuery Mobile issue. I would be surprised if it wasn't fixed by now.

Related

Activate WPGlobus in ACF TextArea

I have the WPGlobus Plus plugin installed. While I can see the WYSIWYG language tab in Advanced Custom Fields, I can't for the life of me figure out how to activate / change the languages for the non WYSIWYG textarea. Any suggestions?
I figured out the issue. YOAST ACF plugin was causing the problem. I deactivated it and everything now works fine.

jQuery UI dropdown select

I wanna have a dropdown menu like this link: http://datatables.net/release-datatables/examples/basic_init/table_sorting.html
(The one that are right below "Live example" line);
I haven't got many experience of working with jQuery UI, and I guess that result is produced by using it. Could you suggest me a way to create that dropdown.
Thank you.
P/S: that may be ok if it is not using jQuery UI (it's just my guess)
That solution doesn't appear too complex - they've got all the data already, and they're just hiding rows depending on what's selected.
On the other hand, as that's an open source project, you could just download it or use the hosted versions and integrate it on your site, which is probably easier than rolling your own solution.
Ok, got it. This is just default style in Firefox (There's no style applying for it yet). I got this misunderstand due to changing browser.

Twitter Bootstrap Icon Issues in IE

Bootstrap is a very cool, but for some reason all icons (and icons inside buttons) are not serving up at all in IE 7 & 8.
All that is coming up is a square symbol.
I can live with non-rounded boxes in IE, but the icons are kind of a must. Any ideas?
(if it makes any difference, we're running rails as the platform with the twitter-bootstrap-rails gem.
Thanks!
Make sure you have declared the doctype in your HTML.
<!doctype html>
I assume the icons are correctly served on other web browser and you are using 2.0.4.
You can try to clear the ie cache.
Or maybe http://fortawesome.github.com/Font-Awesome/ (ie7 is supported)
There's a list of issue specific to ie on GitHub : https://github.com/twitter/bootstrap/issues?labels=ie&page=1&state=closed
But don't see any related to your problem.
If none of the answer make sense to you, post some code (jsFiddle would be ideal but since the picture is expected to be in /img it will not works without editing bootstrap.css)

div refreshing for the only first time

i asked this in jquery forum, but maybe it's better here with jquery-mobile tag :
i've a problem i can't go through for 2 days... i'm a newbie in Jquery mobile so maybe you could quickly see the issue :
after an ajax call (to submit a form) i change div content with the ajax response, using $('confirmation').html(newcontent)
but the "new" div has not the cool jqm stylish button and content
then i added $('#confirmation').page(); it was OKAY... but it worked just for once : if i submit the form again, the jqm style dissapears...
i tried everything i found on the net, but still no solution... so i beg your help ;)
thanks by advance to everyone who will have the kindness of having a short look !
here's my example on jsfiddle : http://jsfiddle.net/ramdam/7cwBX/17/
if you click an Submit ajax button, you'll see a nice BACK button , but if you do it twice, the button "disappears" and only show a link...
Does this: http://jsfiddle.net/7cwBX/20/ helps you?
Is there any specific reason you are still using jQuery Mobile alpha 2 version?.To be safe,I would advice to always use the latest jQuery Mobile version-currently RC 1.0 . Update to RC 1.0 and try using $('#confirmation').trigger('create') instead of $('#confirmation').page().page() is deprecated since beta 2
FYI - I couldnt check out the fix because the domain you used in the example seems to be down.

jQuery Mobile 1.0a4.1 iPad Viewport Size

I just updated the jQuery Mobile version of our client book-in page to the latest 1.0a4.1 and I need some help debugging a window sizing issue off-site (I'm not on location).
The page runs on an iPad at the store so clients can book in their own cases. However, the page is being displayed like it's on an iPhone with huge lettering. "Emulating" with Ripple shows everything as it should, though.
I can't debug it from here and I'm not using any other CSS besides the base 1.0a4.1 stylesheets. How do I force jQuery Mobile to display the page as if on an iPad?
Here is a screenshot sent by the store clerk:
I didn't have the time to test it or try the fix, so it's still a guess, but at least based on your code inspection ;)
ok, so you put a meta viewport in your page and JQM also pops in a little
<meta content="width=device-width,minimum-scale=1,maximum-scale=1" name="viewport">.
As I said - I didn't test it, but I expect a collision. I have read somewhere that JQM was supposed to stop putting those metatags there... Try fiddling with that metatag a bit.
Also - see if the alpha4 or 4.1 release notes (on the blog) say something about viewports.
Running Media Queries

Resources