Virtual Keyboard

Categories

JavaScript Utilities
Third-party Integration

Component ID

2046649

Component name

Virtual Keyboard

Component type

module

Maintenance status

Seeking co-maintainer(s)

Development status

Under active development

Component security advisory coverage

covered

Downloads

2646

Component created

Component changed

Component body

Overview

Attach virtual keyboard to a text fields for mouse-driven entry.

Features

  • Add possibility to fill text fields by virtual keyboard.
  • Targeted textfields can be entered in textarea as CSS selectors..
  • It's possible to override default keyboard options (e.g. keyboard keys) using hook_virtual_keyboard_options_alter().

Requirements

Installation and configuration

  1. Download jQuery Virtual Keyboard plugin with one of following methods:
    With Drush command:
    drush download-virtual-keyboard-library
    Using Drush Make:
    Example usage of makefile can be found in virtual_keyboard.make.example file.
    Manually:
    1. Download jQuery Virtual Keyboard plugin from https://github.com/mathiasbynens/jquery-placeholder
    2. Extract and rename downloaded directory to "jquery.placeholder" and place it under "sites/all/libraries" so the file "sites/all/libraries/jquery.keyboard/js/jquery.keyboard.min.js will be accessible
  2. Install Virtual Keyboard and Libraries modules as usual.
  3. Go to configuration page at "admin/config/user-interface/virtual-keyboard".
  4. Specify CSS selectors for text fields you want to add a virtual keyboard.

Roadmap

  1. Choose different characters separately for every field or certain type of fields.
  2. Multilingual support (localised set of characters).
  3. Autocomplete support.
  4. Adding separate settings per form element.
  5. Selecting keyboard layout at field settings page.
  6. Support for WYSIWYG editors (show keyboard button/plugin).

Component url

https://www.drupal.org/project/virtual_keyboard