CODEWITHSUNDEEP
javascriptextjs
yaroslavTir
yaroslavTir

Reputation: 721

ExtJS underlilning validation

For validation, I use a parameter msgTarget: 'side'.
When you enter invalid data, underlining and an exclamation mark appear.

How to get rid of the underline?

Upvotes: 0

Views: 1073

Answers (1)

Daniel Ribeiro
Daniel Ribeiro

Reputation: 10234

The simplest way to achieve that is to override the base cls class of the element on its invalid behavior:

.x-form-invalid-field, textarea.x-form-invalid-field {
    background-image: none;
}​

The most recommended way is to create a custom CSS class to do that same stuff, and apply that to the element (component) as a property:

.x-form-invalid-field-without-underline {
    background-image: none;
}​

Ext.create('Ext.form.field.Text', {
    ... ,
    invalidCls: 'x-form-invalid-field-without-underline'
});

Upvotes: 2

Related Questions