Keypad extension allows attaching a popup keypad to text, password and textarea fields for mouse-driven data input.
The keypad widget assists the user in entering special characters or characters in other languages that don't appear in standard keyboards by default. Users can select the characters that don't appear in the keyboard using the keypad widget whilst continuing typing others characters in their normal keyboards.
It also can be attached to a password field to add more secure text entry so that users don't have to use the keyboard to type their passwords or sensitive information.
Keypad Widget Dreamweaver Extension offers the following features:
On the user side, the Keypad widget offers these useful features:
Take a look to other features in the demo page.
To install Keypad Widget Extension, just execute the file DWB_Keypad.mxp that you receive, or use the Adobe Extension Manager software that comes with your Dreamweaver version.
Once the extension is installed, is required to restart Dreamweaver.
The extension adds an object to the Insert Bar and to the Insert menu of your Dreamweaver installation. The Keypad widget is added to the Forms category.
To apply the Keypad Widget to a form field, password field, or text area follow this steps:
The extension generates some assets that you must upload to your live website.
The extension allows configuring the widget with several options:
Option | Description |
Keypad Layout |
Specify the layout of the keypad. Enter for each row the characters that are available in the keypad. For example, to configure a numeric keypad you should specify the characters 789 in the first row, 456 in the second row, 123 in the third row and finally the 0 in the last row. You can add as many rows as you need for a specific keypad layout. |
Additional buttons |
You can specify which additional buttons to include in the keypad: |
Keypad activation | Specify how the keypad is triggered. There are two ways to active the keypad, by focusing on the field or by clicking on a button that is rendered near the field. |
Text to display at the top of the keypad | Text to display at the top of the keypad. Include some help or instructions to the user. |
Keys input | Specify how the characters are entered. Only via the keypad: Text entry only via the the keypad, keyboard disabled. Keypad and user keyboard: Allow text from the keypad and the keyboard too. |
The property inspector enables you to make edits to the Keypad widget.
To alter the options for the widget, follow these steps:
After clicking OK button, some code will be updated; make sure to save the changes and to upload all modified resources to the live website.