| Table of Contents |
|---|
...
On hover over the text field, the mouse cursor will change to a text cursor.
On click:
Where no text has been added to the field:
a text cursor will appear at the beginning of the text field.
the hint text will disappear.
Where text already exists in the field:
a text cursor will appear in the position where the user clicks.
double-clicking a word inside the text field will select that word.
triple-clicking the text field will select all of the text.
When the text field becomes inactive (user clicks away) the hint text will reappear, if no other text has been added.
If a character limit has been set, reaching the limit will prevent the user from entering any more characters.
For secured fields (such as password):
When typing, characters are masked.
The field can contain a show/hide password button.
In case Caps lock or Num lock are on, a corresponding tooltip will appear (see Common Messages Repository).
...
Validations and errors
Please refer to the Field Validation page for more information.
A text field with a warning will have an orange border and a warning icon, as shown below:
...
Mouse | Description |
|---|---|
Right click | Set Focus state on component |
Responsive design
Verint products should support all devices down to the common tablet size (960px width). For general guidelines, see Fundamentals - Responsive design.
Where the available space is narrow:
the width of the text field should dynamically respond to its container, taking up 100% of the available space.
the label for the text area should be shown above the field, rather than to the left.
Design
Zeplin link | Screen thumbnail |
|---|---|
 |
...