MindFusion's JavaScript Virtual Keyboard Library, a part of MindFusion.JavaScript Pack, is written entirely in JavaScript and extends your application with keyboard functionality similar to that of touch-screen and mobile devices. The library gives you a fast and easy way to implement:
- text input in a keyboardless environment;
- kiosk or POS user interfaces with a limited number of input keys;
- accessibility features for users with mobility impairments;
- rendering of common words for your application as keys in the keyboard;
The API is intuitive to use. Key-press is handled by a special event. Localization is supported in a variety of languages.
Styling is done through CSS themes. The control is packed with a set of predefined themes. You can edit them or create your own themes from scratch.
You can choose among three keyboard layout modes – default, extended and compact.
To run the samples locally:
- Navigate to the project root directory:
D:\Projects\GitHub\JavaScript.Keyboard - Run
npm startin your terminal. This will launch a local web server and open the samples in your default browser.
Create and export a custom layout for your keyboard in an easy and intuitive way with the free online Virtual Keyboard Creator tool.
- Virtual Keyboard: Provides a fully functional virtual keyboard for web applications.
- Customizable Layouts: Design and implement custom keyboard layouts.
- Theming: Supports CSS themes for flexible styling.
- Localization: Built-in support for multiple input languages.
- Accessibility: Enhances accessibility for users with mobility impairments.
- Touch-Screen Friendly: Optimized for touch-screen and mobile devices.
- Kiosk/POS Integration: Ideal for kiosk or Point-of-Sale (POS) user interfaces.
Run VirtualKeyboardCreator.exe that is found in the download package of the control to start the tool. There you can use one of the keyboard layouts as a template and design your own keyboard. You can add, remove, resize and relocate keys. The result is saved as a *.js file.
A MindFusion.Keyboard license can be purchased with the control's complete source code. The library is being fully developed in JavaScript.
MindFusion.Keyboard comes with the following examples, which demonstrate different aspects of the control's functionality:
- Custom: Presents a custom keyboard layout that consists only of the numpad keys.
- Demo: Demonstrates the available styling themes, input languages, layout modes and several DOM elements that can receive the input of the keyboard.
- HiddenKeyboard: Shows how to show and hide the keyboard on demand, and load different custom layouts.
- ES5 and ES6-compatible scripts in distribution
- TypeScript WebPack samples
- 8 predefined themes
- 6 input languages
- Keypress event
- VirtualKeyboardCreator tool
- Detailed offline and online documentation
For any questions you might have about using the control:
- Email: [email protected]
For administrative and sales information:
- Email: [email protected]
Our website:
Telephone for technical support:
- (+359) 889 199 729