I'm new in iOS programming, and I have a little problem with the keyboard...
That's a webapp, the application shows simply the mobile website.
In this website, there are forms, and in this forms, there are input type file fields. When the user clicks on input type text field, the keyboard appears, logical, isn't it ?
But when the user clicks on input type files fields, the keyboard does some weirds things. Sometimes it's not totally visible, sometimes it's misplaced, and the most of times, that's both... You can view it on this awesome screenshot I've made.
Is there anyone who can help me to fix this issue ?
I finally found the solution. I just update Cordova, and the problem was fixed...
So, to all the people which have this problem, simply update Cordova ;-)
Related
I am coding a simple app in Xcode and I have ran into a problem. I can not get links to work on the mobile app that go to other links. For example, if I click on the Twitter button at the bottom of the webpage nothing happens, I want that button to lead to the desired link it was supposed to go to. Also, the words in a page on the site are lined up in a vertical column, and I would like to know how to make the text look better in terms on formatting it correctly. Here is a picturePicture Of Simulator The Code
[Image]
Seems like you're adding your WKWebView the right way and the page is loading fine. The problem with the text is actually coming from the CSS of the site as I have the problem in Safari on my phone as well, so if you are the web admin of the site I'd fix it there.
Did you try if the button you are talking about is responsive when accessing through Safari on your phone/simulator? WKWebView does not have a loading bar and it seems "unresponsive" sometimes even though the sites are loading in the back.
When adding your WebView implementation buttons like the privacy policy on the site work fine for me.
I'm using fastclick with my bootstrap 3 responsive web site to speed up the responsive time on mobile devices. Generally this works fine with no issues.
However after much testing I have found this breaks the bootstrap radio buttons on an iphone.
The buttons do work initially but if you change the selected option only the first selected options is passed when the form is submitted.
Removing fastclick stops this behavior.
Or more to the point on my minimal testing page adding fastclick will make the behavior occur.
This happens both in safari and chrome on iphone.
I have found articles saying that adding jquery-mobile and adjusting the markup of the radio buttons will also improve responsive times.
However I have using jquery-ui slider quite a bit in the site and adding in jquery mobile conflicts.
My aim was to disable fastclick on the radio buttons (via the 'needsclicks' class) and let jqmobile take care of it.
Much work as been gone into customising the slider for the site and to make it work and look nice on mobiles devices. I do not want to re engineer the entire site on the hope that adding in jqmobile will help. Nor do we have the time.
How can I solve this. I surprised that I cannot find any other data on using fastclick with bootstrap radio buttons. Sure I can disable the fastclick on the radio buttons but it makes them terrible to use and this is not acceptable for this application.
There is some way I can manually fix these radio buttons to work with iphone.
This is not an issues on Android.
Is there a fix I've not found?
Reproduced this issue also on ipad.
Problem: Fastclick triggers two click events: one for the label and one (bubbling) for the input:radio.
Solution: use 'needsclick' class on input:radio field. More info: https://github.com/ftlabs/fastclick#use-case-2-twitter-bootstrap-222-dropdowns
After some serious brain bending work I discovered that the cause of the issue would only happen after the radio was already selected. This was both by initially setting the radio button IE showing a form again with values pre selected. And when when an initial value is selected and the option is changed (another option selected that is different). This lead me to believe that the process that actually sets the value in the radio button is conflicting with fastclick.
What I did noticed is when no option is selected it would work perfectly. So after must testing with the iphone and added the following code on the touch event for each label. Basically this completely clears the radio buttons each time it is touched. Then it acts like each click of the radio button is pressed it like it first initial selection.
$( "#radio_button_label_id").bind( "touchend", function( e ){
resetRadio_radioid( );
})
function resetRadio_radioid( ){
var ids = array('radio_option_1_id', 'radio_option_2_id', 'radio_option_3_id');
for(i=0; i<ids.length;i++){
//clear all checked data
$('#'+ids[i]).prop('checked', false);
$('#'+ids[i]).removeAttr('checked');
}
return true;
}
This totally solved the issue.
Hope it helps.
I'm part of a team building a mobile web app using AppGyver Steroids (PhoneGap). We are having an issue with the iOS7 keyboard displaying a very faint "Done" button on the keyboard when the user is operating in a text area or an input select. I suspect this is a problem that is actually global in our app, but these are the instances where I have observed them.
I've searched and searched for a solution or how to "customize" the keyboard in order to make this "Done" button more obvious, but I haven't found any solutions yet. Can anyone point me in the direction of how to adjust the "Done" button or any other keyboard/input controls?
Attached are two screenshots showing the issue.
http://i.stack.imgur.com/KeFYM.png
http://i.stack.imgur.com/h11IH.png
Have you seen the issue on github? It's now fixed. They'll be including the option for custom colours in the near future.
I want to make my app multi-language. I know how to do this.
But the problem is that, the user should first change the phones languages before the translation will work.
What I want to do is the following: I have 3 buttons. Dutch,English,French.
When a user presses a button. The language of the app is changed to the appropriate language. But the phone's language keeps the same.
Hope anyone can help me!
Kind regards
But the different translations into different files. Load the needed file according to the button the user touched.
If this does not answer your question, please be more specific what exactly you problem is.
I been trying to debug a problem with some odd behaviour inside a UIWebView. My app uses a UIWebView to display a custom form to collect certain information. When the form is first loaded, filled and submitted, everything behaves as it should. After the first submit, when the form is reloaded, the keypad will not display (but the content scrolls as though it is).
The only solution I have come across is here, but this does not seem like the solution to my problem since that line is already in my app delegate.
Is this a known issue? I don't even know where to start looking to debug this issues.
After much searching SO and Apple forums, it was the view hierarchy that was getting rearranged. In my particular case, a progress indicator was being added as new window (by a coworker, so I can blame someone else for this). The trick was not set this new as the key window and only manipulate the the hidden properties
This is just a quick fix because it was only one line of code that was causing this major problem.