I have a mobile app that consistently does not close the DatePicker if I go to another data entry field on iOS. I have to click "Done". In other words, I click on "date" field ( MDateBox ), then click on "number" field ( MDoubleBox ). "Number" field still has the date picker displayed in this case. I see this even happens with JQueryUI on iOS, but I don't know how to get around it in the MGWT context. Any help would be appreciated. Thanks.
Tony
Related
I have a multi-field in AEM whose field values are populated on the event "dialog-ready". This is working fine in desktop. But in ipad, the cq-dialog is not opening as a dialog. It opens as a page in full screen mode. Thus the dialog-ready event is not firing and I get a empty field values.
Please try foundation-contentloaded event.
I am working on ionic application.I have a problem with keyboard in iphone 4s with iOS 9, when I click on any text field the keyboard pops up but, I can't see cursor and what I am typing in the input textbox, it shows nothing when I type, but when I change my focus to another field, the text automatically appears. Anyone has got the same issue? What did you do to rectify it?
First take backup of your project then,
You need to remove all your controllers, texts, buttons,styles from that view, and then add them brick by brick
everytime make build of it and check it, by this way you will get your solution.
for me it was css of h3 tag.
that was hiding text in input.
i have 3 datebox fields one under another. When i open first calendar, its SET DATE button comes over the 3rd field. So when i tap on the SET DATE it also gets click on the 3rd field and its calendar opens up...
Right now i am doing this, but its not a good idea and also doesn't works in all browsers
if(passed.method === 'close'){ // If first field calendar close
setTimeout(function(){
$(3rd field calendar).datebox('enable');
$(3rd field calendar).blur();
$(3rd field calendar).datebox('close');
}, 500);
}
Kindly suggest
I have a jquery ui autocomplete acting upon a text input. When the "select" event fires, I need to use the text input to locate a nearby hidden input and fill it.
The problem is that the event's target differs between when you press enter and when you click on the autocomplete. When pressing enter, the event's target is the input. However, when you click the event's target is the link in the autocomplete. As the link in the autocomplete is not DOM-wise related to the input, I can't find it to fill my hidden input.
What is the correct way to find the original input that the autocomplete was called upon, within the select event?
I have a date field on a PHP website and I'm using jQuery Mobile for mobile site.
While browsing the site on a mobile browser, (eg firefox mobile on android), on clicking on the date text input, the calendar dialog comes up, but the soft keyboard also comes up on my android (Soft keypad comes up whenever one focuses on a input field)
Is there a way, I can force hide the soft keyboard ? Is there a generic javascript based trick to force hide the soft keypad (that works on all mobile devices like iphone, android etc ?
I'm using the jQuery Mobile datepicker from here
TIA
A more simple solution is to add readonly="true" to the input boxes that you have the datepicker attached to. Even though you can't manually type in a date, on mobile you won't have to deal with the keyboard popping up and getting in the way
Just found an answer to my question. (Guess I didn't search with the right keywords earlier :-|)
Adding a jQuery blur event on focus solves the issue.
Thanks to this post by Danny C
My workaround (though I am using a different plugin: the datebox from jtsage.com) is currently the following:
set a disabled attribute on the input
bind a click handler to the input or its parent
the click handler triggers .datebox('open') on the selected element
This way there is no focus element so no triggering of Android soft keyboard.
add the readonly attribute to your date box. (or readonly="readonly") input type="text" data-role="date" readonly
For JQM add the folloiwing files jqm.datepicker.css , jqm.datepicker.theme.css , jqueryUI.js , jqm.datepicker.js