Error message doesn’t show up

Hello @page52

I’m sorry, but I do not understand your question. If you need help with the equation, I’ll need additional details, please, include the equation, and describe its logic.

Best regards.

Sorry, I probably didn’t explain it well and unfortunately the site isn’t yet live so I can’t show you the error.

This is my equation:

(function(){
if(fieldname6 == 3) return ‘R1,000-R1,100’;
if(fieldname6 == 4) return ‘R1,100 – R1,200’;
if(fieldname6 == 5) return ‘R1,150 – R1,250’;
if(fieldname6 == 6) return ‘R1,600 – R1,700’;
})()

On the front end, if a user puts in a number 2 (which isn’t in my range) it’s set to show an error message. But, what’s happening is it doesn’t show the error until the user puts their mouse cursor in one of the other fields, then the error pops up.

I’m not sure why this is happening, but it would be great if the error would pop up immediately when an invalid number is put into the first field.

Hello,

You simply should to include a “return” statement at the end of the equation with the error message, that would not be controlled by a conditional statement, so, in the case that none of previous condition is true, the equation will return this text, for example:

(function(){
if(fieldname6 == 3) return 'R1,000-R1,100';
if(fieldname6 == 4) return 'R1,100 – R1,200';
if(fieldname6 == 5) return 'R1,150 – R1,250';
if(fieldname6 == 6) return 'R1,600 – R1,700';
return 'The message here';
})()

Best regards.

Thank you so much! One more thing – is there any way to vertically align text next to the field boxes?

Also, how can I style the floating tooltip? What is the class?

Hello Nat,

I’m pretty sure that the vertical alignment between the checkboxes and texts are inherited from the theme active in your website. Could you send me the URL to the webpage that include the form to take a look, please?

About your second question, the name of class applied to the tooltips is: uh-tooltip

Best regards.

Thank you, that’s fantastic! I hate to take up more of your time, but any chance you know how I might be able to insert an info ‘i’ after the results fields which displays the tooltip on hover?

Hello,

To get the behavior described, you sould assign a custom class name to the results fields to identify them from the code, and append with jQuery a span tag after the input tags that are descendants of the elements with the custom class assigned. The new span tags must contain the attribute: uh with the text to display in the tooltip.

If you need additional help I can offer you a custom coding service through my personal website:

https://cff.dwbooster.com/customization

Best regards.

Thank you so much, if you could – please send me a cost estimate of putting this info ‘i’ in next to the results fields with a hover message? My email: natalie@page52.co.za.

Hello,

I’ve sent you an email from my private support service.

Best regards.

[ Moderator note: Closing topic as this is now not for these forums. ]