I have an Ionic 2 app and a bluetooth barcode scanner. I am connecting the scanner to my android device as a standard keyboard device. When I open up any other app on the device like chrome or notepad and set the focus on the text area, then scan a barcode the full barcode(the ones I am testing with are about 10 alphanumberic characters ) is placed in the text area. When I try the same thing om my ionic app in a text input field only the first two or three characters are shown in the text area. The ode for my text area is:
<ion-item>
<ion-input type="text" placeholder="input text"></ion-input>
</ion-item>
Anyone else ever had this issue. I am really stuck with how to deal with this?? I am not using the BLE or Bluetooth Serial plugins. As far as I am aware I should be able to do a simple connection like this. As I mentioned the connection works fine in the other apps on my android device.
Related
We are developing Ionic android app and we are having a strange problem with Honeywell CK65 device, to be more specific with device physical keyboard.
If the app is being used only by touch, without device physical keyboard, the app is working correctly.
But when physical keyboard is used, example
when ENTER key is pressed, it should navigate to another page but the remain freeze and it appends on the bottom page the previous page.
Any help will be appreciated. thanks in advance.
You need to somehow configure the app to use the devices keyboard. My guess is that you need to create a custom plugin to call the device's built in keyboard and map those keys to a function.
We resolved the problem using ionic ion-router-outlet instead of angular router-outlet
In my application I need to show options for Show more and Show less for the attributed text. If there is the simple Text then I could manage the things by using .subString function for first few characters and full text.
But here in my case I am using flutter_html lib. Here if I take data using .subString then attributed text getting disturbed which creates wrong output.
For consideration my text is as mentioned below:
The system requirements are\r\n :\r\n An internet connection – broadband wired or wireless (3G or 4G/LTE)\r\n Speakers and a microphone (required in case of interactive sessions) – Built-in, USB plug-in, or wireless Bluetooth\r\n A webcam or HD webcam - built-in, USB plug-in (required in case of interactive sessions)\r\n CLICK HERE to view the System Requirements for Zoom.\r\n
Consider the image as mentioned below:
Is there something else can be done here to achieve this feature without using .subString feature!!??
Solution 1 :
You can try https://pub.dev/packages/readmore , this plugin.
A Flutter plugin that allow expand and collapse text.
Solution 2 :
Flutter: How to hide or show more text within certain length
I would like to use 'image mapping' with shape poly or other solution to build an app, based on image handled functionality.
I have tried it using in Ionic 3 and worked fine in Browsers, but under Android it does not.
Is there any solution to solve it?
This picture and functionality would the part and parcel of my app so it is indispensable to create clickable areas on image.
UPDATE:
This is the 9's tooth shape from 32 :) I have an universal denture image with the normal 32 tooth shape. My goal is to transform the image to a 32 clickable tooth, with their own shape.
It is important to know, on which tooth the user clicked, because I want to give for the clicked tooth a colored background. This works on browser under Ionic3 fine, but builded to android not.
'<'img src="denture.png" usemap="#image-map"'>'
'<'map name="image-map"'>'
'<'area target="_blank" alt="Tooth9" title="Tooth9" href="Tooth" coords="407,93,421,89,434,87,447,90,458,91,468,94,478,103,480,112,476,125,471,135,467,146,462,153,453,158,441,158,428,152,419,141,412,129,406,118,401,109,403,98" shape="poly"'>'
'<'area target="" alt="" title="" href="" coords="" shape="0"'>'
'<'/map'>'
This question already has answers here:
Closed 10 years ago.
Possible Duplicate:
HTML5 Form Input Pattern Currency Format
Is there a way to open the numeric keyboard using input type="text"? I know type="number" will open the numeric keyboard, but it won't take money values. For instance, if you input 1.00, it turns into 1 on an iOS product. Also, this only happens on iOS devices. It works fine on Android, and all web browsers.
I've tried playing around with patterns and patterns="[1-9]*" opens the phone number pad. Is there possibly one that will open the numeric keyboard?
try using this, which should open the numeric keyboard in iOS (and also open the number input keyboard in Android):
<input type="number" step="0.01">
To answer:
Yes nput type="text" exists in html5 http://www.w3schools.com/html/html5_form_input_types.asp
type="number" can be formatted to two decimal places using jquery .toFixed(2) http://www.w3schools.com/jsref/jsref_tofixed.asp
jquery mobile is not your language of choice but it does customize the keyboard for some inputs, e.g. date You might want to try it, it's very similar to html http://jquerymobile.com/
I tried to create a combo box using in HTML for building an android phone gap application. Its working perfectly on a browser.But on an emulator the click function fails. Kindly please let me know on what could be the possible reason for this.
You likely need to trigger from 'tap' events instead of 'click'