Validator Error message Spawn

[Dark Beccio]

Hi, just tried validator. (Super-cool!)
Is it possible to spawn the error message right-side input box?
actually the error message spawn under the input box.
Ty for support.

[yavordashew]

Hi Dark Beccio,
Yes it is possible to achieve this by using the CSS classes and pseudo elements.
I have made a little example how to place it on the right side of the input.

/* This selector removes the element with the  exclamation mark if you want to be visible you can opt no to use this selector */
.jqx-success-label-like-after-element::after, .jqx-error-label-like-after-element::after{
    display: none;
}
/* With this selector you can customise the error message according to your needs */
.jqx-error-holder{
    width: 500px;
    position: absolute;
    margin-left: 180px;
    margin-top: -25px;
}

Note that I used this demo https://www.htmlelements.com/demos/validator/base-inputs/ for testing this functionality and its possible that you need to adjust to your requirements.
Please, do not hesitate to contact us if you have any additional questions.
Best regards,
Yavor Dashev
Smart UI Team
https://www.htmlelements.com/

[Author]

Posts