Forums

Sorry if I ask the same question again, but i could not find an answer on the forum yet.

I use Chronoforms and created a nice form with tooltips.

The tooltips in the backend (when creating the form) are working fine, but when my form is on my site, the black square appears but the text is unreadable. (i thought i saw some text, but not sure)

Can it be that the color of the tooltip text is almost the same as the background? Or can it be a different problem?

I use Joomla 1.5

Thanks in advance

Hi p.leijstra,

Please post a link to the form page so we can take a look.

Bob

Sure:

Http://www.jouwlink.com/contact (it is in dutch but you can see the tooltips)

Thanks for the quick reply!

Hi p.leijstra,

Yes, the problem is the font color - you may need to fiddle with the css to override the current #333333

Bob

Maybe a stupid question, but which CSS are you aiming on? The one of my template?

Or something from Chronoforms?

Thanks in advance!!

Hi p.leijstra,

Not a stupid question - the answer isn't clear. Could be template_css.css from your site theme or tooltip.css from ChronoForms - or edit the html to add styles manually. The two stylesheets are interacting and it's not clear to me which one is actually setting the style.

Bob

I looked at the site's template first and searched for the color #333333

I found serveral which i changed to view the result. When I changed one the tooltopcolor changed. But also the fontcolor changed...

I think i'm going to look into the tooltip.css to see if that will workout. Or is there a different way to change the tooltipcolor but not the fontcolor?

How can I change the tooltipcolor in the formcode? Something like <div style=???

Thanks for all the help!!!🙂

Problem is solved!

I added the color in the tooltip.css

Thank you so much for the help, wouldn't have found it on my own!

Hello,

I have similar issue. Backend works fine. However, I don't even get a black box on the frontend, it just nothing happens.

I look at the /components/com_chronocontact/css/tooltip.css file but nothing says about #3333.

Is there a global tooltip in Joomla that I suppose to turn it on or something?

Any idea how to fix my issue? Thank you.

Hi batman,

This is probably a JavaScript conflict with something else on the page, if the form is on-line please post a link so that we can go and take a look.

Bob

You need to add the color you want (my case #ffffff) to the tooltip.css

I placed it at .cf_tool-text and .custom-text

Below is my complete code. Hope it works for you

.cf_tool-tip {
	color: #fff;
	width: 139px;
	z-index: 13000;
}
 
.cf_tool-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #9FD4FF;
	padding: 8px 8px 4px;
	background: url(bubble.png) top left;
}
 
.cf_tool-text {
	font-size: 11px;
	padding: 4px 8px 8px;
 	color: #FFFFFF;
	background: url(bubble.png) bottom right;
}
 
.custom-tip {
	color: #000;
	width: 130px;
	z-index: 13000;
}
 
.custom-title {
	font-weight: bold;
	font-size: 11px;
	margin: 0;
	color: #3E4F14;
	padding: 8px 8px 4px;
	background: #C3DF7D;
	border-bottom: 1px solid #B5CF74;
}
 
.custom-text {
	font-size: 11px;
	padding: 4px 8px 8px;
	background: #CFDFA7;
	color: #FFFFFF;
}

.tooltipimg{
display:inline;
margin:0px 0px 0px 10px;
border:0px solid #000;
}
.tooltipdiv{
display:none;
}

I tried modify the tooltip.css but same result. I think it is something more than the color because I don't even get a blackbox background.

Sorry, it is a Intranet site so it is not visible to outside.

If Java is an issue, can we do JHTML?

http://docs.joomla.org/Tutorial:How_to_add_tooltips_to_your_Joomla!_website

OK, to bad that didn't solve the problem for you!

I think i am not able to help you any further. Maybe the developer know more about your problem

Hi batmon,

The issue is with JavaScript (not with Java which is something completely different with a similar name) and I think that the JHTML you linked to is that code that Max is using.

This is very hard to diagnose without access to the page :-(

Please try a couple of tests:

(a) add &tmpl=component to the url for the form page and see if the tooltips then show OK.

(b) switch the site temporarily to a standard Joomal template like ja_purity and see if they show up.

Bob