I put a WebBrowser component in my app because I have to display a webpage. The webpage also contains an input box.
<input name="nome" style="width:160px" type="text" />
This is the HTML code I wrote. By the way, when I click on it with my Samsung device because I must type some text, the keyboard doesn't appear.
What could I do?
You can see the webpage here: click
It's a known limitation of the web browser component.
It's doubtless findable in Embo's QC database.
It's pending a fix, I gather.
<checks>
Oh yes, here it is: QC 119313
Also documented in the Delphi XE5 Release Notes
Related
On my PWA, for input, native keyboard of the phones are active. Need code for following usecases
1. How to disable autocorrect for PWA for android and iOS?
2. How to build your own keyboard without auto correct for PWA for android and iOS?
Try using following code with you input field inside form element :-
autocorrect="off" autocapitalize="none" autocomplete="off" spellcheck="false"
I think making your own keyboard is not a good idea as it will take much time, if you want to have your own virtual keyboard(i hope for security reasons you are doing this) you can use open souce javascript plugins for the same.
So on most versions of Android, using a Samsung device, the <input type="number"> pulls up the number pad, but does not allow the entry of a decimal. From searching on the web, this is a known bug, but I've found very little talk regarding solutions or response from Samsung.
Anyone have a good idea to solve the problem? Best I can come up with is writing a script that replaces <input type="number"> with <input type="tel">. This brings up a number pad at least, and you can get to the decimal by tapping on the symbol key.
NOTE: I get the same behavior with or without the pattern="[0-9\.]*" attribute and/or the step="any" attribute. Also, I'm looking for a pure web-based solution, not a native app solution.
You can create a custom keyboard using IME. Here is a link http://developer.android.com/guide/topics/text/creating-input-method.html
I have a phonegap - android app (built with jqueryMobile), with Jquery version 1.9.1 and there is a time field (taken as input) in one of the screens. Following is the code used.
<td><input type="time" name="fromTime_2" value="" placeholder="Time" /></td>
<td><input type="time" name="toTime_2" value="" placeholder="Time" /></td>
I have 6 of these time fields in the same screens.. in a <table>. On my app (Android V 4.1), when I select my first time field, it works well i.e. it shows the Android Clock and I am able to select the time.
The problem starts when I select any of the other time fields. It shows the Android clock and when the "Set" button is tapped, the app hangs from there and won't respond. I have to manually "Force Stop" the app and restart.
UPDATED:- "I need only the time field here. DateTime is not required" But the problem is same even when I tried the Datetime field. It only works for one Datetime field.
NEW UPDATE:- It's showing a simple keyboard (not android clock) on my emulator - so nothing is being tracked as "time" field in the logs.
Can anyone let me know how to fix/debug this issue?
I doubt HTML5 supported time input type will be supported in all android platforms.
jQuery Mobile states
In jQuery Mobile, you can use existing and new HTML5 input types such as password, email, tel, number, and more. Some type values are rendered differently across browsers
I suggest you use jquery plugins for date/time picking.
Eg: Datebox plugin
Fairly simple and easy to use.
I have a index.html page..
The contents in it are 2 textboxes username and password.
What I need is on page load itself get the focus on to the first textbox and show softkeyboard...
I would like to get it in jquery mobile,also would like to know how it is done for kendo as well?
It cannot be done using purely JavaScript unless there is phone gap, refer this below link
jQuery Mobile Show Keyboard on Input Focus
For autofocus feature you can either use native feature of HTML5 by giving autofocus attribute to input
<input name="username" autofocus>
I'm building a web site app that will be used from Android devices. At the moment, the browser squashes the page when the soft keyboard appears. I rather want it to scroll the page up.
I've read that the property android:windowSoftInputMode in AndroidManifest.xml can be used for Android apps, but I'm looking for an equivalent for a web site.
You can reposition the browser when the user focuses on this input
<input name="whatever" id="id" onfocus="window.location.href='#id'; return true;"/>