All docs
V24.1
24.2
24.1
23.2
23.1
22.2
The page you are viewing does not exist in version 22.2.
22.1
The page you are viewing does not exist in version 22.1.
21.2
The page you are viewing does not exist in version 21.2.
21.1
The page you are viewing does not exist in version 21.1.
20.2
The page you are viewing does not exist in version 20.2.
20.1
The page you are viewing does not exist in version 20.1.
19.2
The page you are viewing does not exist in version 19.2.
19.1
The page you are viewing does not exist in version 19.1.
18.2
The page you are viewing does not exist in version 18.2.
18.1
The page you are viewing does not exist in version 18.1.
17.2
The page you are viewing does not exist in version 17.2.

JavaScript/jQuery Form - Customize a Validation Icon

To customize the validation icon, modify the dx-texteditor-input-container class. To shift the icon's position to the left, apply these CSS rules:

CSS
.dx-texteditor.dx-invalid .dx-texteditor-input-container::after {
    left: 4px;
    right: 0;
}

.dx-texteditor.dx-invalid .dx-texteditor-input {
    padding-right: 0;
    padding-left: 34px;
} 

Examine CSS if further customization is required.