FAQ

List of FAQ

Change Size | Slow on Mobile | Contributing

Q: Is there an easy way to change the size of the keyboard?

A: Yes! Change the css. In the keyboard.css file look for these lines:

.ui-keyboard div { font-size: 1.1em; }
.ui-keyboard-button { height: 2em; width: 2em; margin: .1em; cursor: pointer; }

• The default font-size of 1.1em (110% of the set font size on the page) will also adjust the overall size of the keyboard. If the font size isn't the problem, then you can adjust the button size in the second line of css to change that size.

Q: Why isn't the keyboard very responsive on my mobile page?

A: Only use touch events.

• The keyBinding option is set to 'mousedown touchstart' by default. It seems that including the 'mousedown' event causes some lagging issues.
• Optimally, I would actually recommend using jQuery's Pointer Events Polyfill (PEP), then all that needs to be added to the keyBinding option is 'pointerdown'. And it is then usable by both desktop & mobile browsers.

Q: How can I contribute a keyboard layout?

A: I'm glad you asked! Details can be found on the Contributing page.

---

Wiki Pages: Home | FAQ | Setup | Usage | Options ( Layout, Language, Usability, Actions ) | Methods | Theme | Log