INTRODUCTION
imagine the crossmark being useful on mobile devices. Tapping the crossmark is easier to delete your input vs having to continuously tap or pressing the backspace button.

This module enables input reset functionality on fields (Textfield, Email, Search and Password) or you can say this module enhance field by making it clearable by providing clear icon inside input.

INSTALLATION
Install as you would normally install a contributed Drupal module.

REQUIREMENTS
There is no requirement for this module.

CONFIGURATION
The module has one configuration page admin/config/input_reset/inputrestsetting. which is accessible with permission "access administration pages".

To enable input reset, need to add from_id and field id combination with |
separator.

Examples

To enable input reset on username field of user login form then combination will be user_login_form|edit-name
For reset your password form combination will be user_pass|edit-name

You can also override css of cross icon using below css

.clearable-input_div {
  position: relative;
  display: inline-block;
}
.clearable-input_div > input {
  padding-right: 1.4em;
}
.clearable-input_div > span.data-clear-input {
  position: absolute;
  top: 5px;
  right: 5px;
  line-height: 1em;
  cursor: pointer;
}
.clearable-input_div > input::-ms-clear {
  display: none;
}
span.data-clear-input {
  color: #fff;
  background: #ccc;
  border-radius: 50%;
  width: 7px;
  text-align: center;
  padding: 0px 5px 4px 5px;
}

TRUBLESHOOTING
If this module don't work

Please clear Drupal cache.
Please check browser console for any javascript error and fix it.

Input Reset (crossmark in input)

Issues

input_reset project open to new maintainer applications on 30 Sep, 2021ActiveCode Created over 3 years ago

input_reset project open to new maintainer applications on 30 Sep, 2021
Active
Code
Created over 3 years ago