autocompletion inside virtual keyboard

Question

Hi,

I want to make an autocomplete component like weather or sports application in JavaScript but I don't know which component used ? I was thiniking that an input type="search" with a dataList would be ok but I don't know how display my autosuggest list inside virtual keyboard when it is opened.

In weather application, when the virtual keyboard is opened, the result of autocompletion appears inside virtual keyboard horizontally and when the user uses a normal keyboard, it is just an input type="search".

Any idea ?

regards

Answer 1

Hi,

Input with type search does not provide an auto complete feature. To support autocomplete, I would like to suggest you to use jQuery UI: http://jqueryui.com/demos/autocomplete/.

Best Regards,

Ming Xu.

---

Please mark the replies as answers if they help or unmark if not.
If you have any feedback about my replies, please contact [e-mail].
Microsoft One Code Framework

Answer 2

Hi,

the problem is not to make an autocomplete but try to have the same behaviour that weather app :

Case with normal keyboard :

Case with virtual keyboard :

So my question is how to added the autosuggest response inside virtual keyboard when it is displayed or just have a input type=search instead. A winControl component exists for that ?

Answer 3

The keyboard is not extensible.  What you see is the bottom AppBar on top of the keyboard in that situation.

---

Jeff Sanders (MSFT)

Answer 4

And how does the app know the virtual keyboard is open?

edit: found it, InputPane for the current view. Can register onhide and onshow events on it. Question is: will the input pane always be with a black background?

Answer 5

Hi Phil,

I have never seen it a different color?  And no, we do not discuss any future functionality etc...

-Jeff

---

Jeff Sanders (MSFT)

Answer 6

aha, now that you mention it, I assume the keyboard might change on the Surface computers ;) Have to check the videos again...

Answer 7

Hmmm You may be right there!  Unfortunately until I get one in hand I will not know for sure.

---

Jeff Sanders (MSFT)