Touch device support

[wizzard0]

First of all, excellent work! Sad that it does not yet support touch devices - tested on Windows 8 and Windows Phone 8, clicks/taps are handled very erratically.

See http://blogs.msdn.com/b/ie/archive/2011/10/19/handling-multi-touch-and-mouse-input-in-all-browsers.aspx and http://blogs.windows.com/windows_phone/b/wpdev/archive/2012/11/15/adapting-your-webkit-optimized-site-for-internet-explorer-10.aspx - should be straightforward to implement.

Also, it would be interesting to have a soft-keyboard handled by Zebkit itself - to resolve problems observed with Android fullscreen webapps, for example.

[barmalei]

Thanks !

Actually it supports touch devices. It still has some problems and some things still has to be done in zebra. But iOS works almost perfect, Android, because of "zoo" of different browsers require more work, but also support touch screen. Win8 doesn't work. I don't know why since I don't have win8 device to test it. I hope the reason is simple: zebra detects win8 device as a device that doesn't have touch screen.

[glycerine]

Zebra rocks!

Thank you, @barmalei !

Is there an example of how to get the iphone keyboard to come up? I cannot seem to edit any of the text entry boxes on the mobile examples in my iphone. For example, the text box at the bottom of this demo:
http://repo.zebkit.org/latest/samples/mobile.designer.html that says "dsdsd". I can insert the cursor, and select text on the iphone, but I cannot type any new letters because the iphone keyboard never comes up.

Thanks!!

Jason

[glycerine]

Interesting: 2 of the 3 text fields being up the iphone keyboard in this demo: http://repo.zebkit.org/latest/samples/embeddedHtml.html

The ones marked html input and html text area work. The one labelled zebra text area does not bring up my iphone keyboard.

[barmalei]

The problem is zebra text input component (zebra.ui.TextField) cannot be used to initiate virtual keyboard input. On mobile devices only native text input element triggers VM appearing. I have tried to initiate VK showing by adding invisible text input element and than catch keyboard events to understand what has been entered, but on android the key events in most cases don't supply a character (or character code) that has been pressed !

So, a workaround is using original text input element within zebra UI layout. It is done by using "zebra.ui.HtmlTextField" (instead of zebra.ui.TextField ) component that is zebra wrapper for input text element. It has number of restriction (for instance you cannot use it in popup), but in general it fixes problem. I am working to eliminate the restrictions in next zebra version.

[RobertoMalatesta]

Hi @barmalei ,
what about providing a virtual keyboard implemented in Zebra itself?
Impressive work, btw --R

[barmalei]

At least developer version of zekit has VK component:
http://repo.zebkit.org/dev/samples/vkeyboard.html

[RobertoMalatesta]

Supernice @barmalei !
Although I'm not using Zebra I follow it from time to time because it's really unique and impressive.
Are you still not considering going to Typescript?
Maybe offering at least declarations and type-ahead technologies will give a boost in adoptions numbers, since it will simplify a lot the coding, not considering that a kit like this is a natural fit for traditional enterprise applications.
Thanks for all the good work -- RM

[kmiklas]

tested on Windows 8 and Windows Phone 8
@wizzard0, perhaps get an iPhone or Android? 😄