Tooltip is in wrong location based on hidden fields

Hello,

So the mouse over tooltip is in the wrong location, and I realized this is because the location is based as if all my fields are showing, however I have 2 "parent hidden" fields that don't show all the time. Is there a way to correct this?

Any chance on correcting this or did I not explain very well?

Hi Paladin_Brewer,

I confirmed the problem and had a look at the tooltip code but I can't work out how to fix it :-(

I tested the jQuery tooltip and that will work OK.

Add this into a Load JavaScript option

jQuery(document).ready(function(jQ) {
  jQ('#chronoform-your_form_name').tooltip();
});

And add the tooltip text to the Title box of the elements. This is a bit basic but it does show a correctly placed tooltip when you hover over the input. There are other styling options that you can add - see here.

I also tried the Tipped Tooltip plug-in and that appears to work well with the form.

Bob

So On Load I added a Javascript and I put:

jQuery(document).ready(function(jQ) {
  jQ('#chronoform-Recruitment').tooltip();
});

For one of my elements I put in the Title some Text to test. All it seemed to do is take away all the old tool tips, I don't see any new ones.

Sorry I don't know why that posted 3 times. Also, it removes the asterisk for "Required" fields😟

Hi Paladin_Brewer,

That sounds like a JavaScript error on the page. Possibly jQuery UI is needed but not being loaded??

You can see my test here where the required * shows OK.

Bob

On your link you don't have any tooltips on the labels. Ah well, guess I'll just be removing the tool tips😟

Hi Paladin_Brewer,

As I said earlier "This is a bit basic but it does show a correctly placed tooltip when you hover over the input"

The ones from the free version of the Tipped plug-in work more like the ChronoForms ones.

Bob