JavaScript UI Libraries & Blazor Components Suite – Smart UI › Forums › Text Boxes & Inputs › Validator Error message Spawn › Reply To: Validator Error message Spawn
March 8, 2021 at 10:55 am
#101580
yavordashew
Member
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/