Disabling red validation speech bubbles and showing a red border around input boxed with the validation class

gatekeepa123 22 Feb, 2017
In my form I have a few input fields that use the validation functions (e.g. email and required fields).

Is it possible to deactivate the red speech bubble popups with the tooltip and gvalidation error text?
It would be great if I can have a red box-shadow around the input fields, which have validation error.

Also I noticed a padding with 4px in the element style of gtooltip gvalidation-error-tip:

<div class="gtooltip gvalidation-error-tip" tid="gval" 
style="background-color: rgb(255, 66, 66); 
border-color: rgb(255, 0, 0); 
border-radius: 1px; 
border-width: 1px; 
padding: 4px; color: 
rgb(255, 255, 255); 
font-size: 12px; 
max-width: 380px; 
text-align: center; 
top: 88px; 
left: 162.25px; 
display: block;">


Where can I find the file(s) which handle this element style?
GreyHead 23 Feb, 2017
Hi gatekeepa123,

Please see this FAQ for some ways to tweak the display of the validation but I don't think that you can remove the pop-ups.

If you need a different display then I suggest that you use a different validation library that offers you more options. I've used the jValidate library on a few sites and it works well.

Bob
This topic is locked and no more replies can be posted.