Forums

Place image in Tooltip

Sjorzzzie 14 May, 2012
Hi,

I want to place an image in the tooltip. But that is with this code not posible:
<img alt="identiteitskaart" src="images/fotos/identiteitskaart.jpg" height="194" width="298" />


Can you help me?
GreyHead 15 May, 2012
Hi Sjorzzzie,

Please try adding this CSS to a Load CSS action in the On Load event of your form:
#main div.tooltipimg a, 
  #main div.tooltipimg a:hover, 
  #main div.tooltipimg a:focus {
    background-image: url('media/media/images/con_info.png') !important;
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-color: white !important;
    color: transparent !important;
}
You'll need to edit the image url and possibly the colors.

Bob
Sjorzzzie 15 May, 2012
Hi GreyHead,

Thanks for your reply. I don't think that is the solution.
Can you look at my printscreen? I place HTML code in the Tooltip but i think it conflicts with the original tooltip code. Do you think it is even posible?
GreyHead 15 May, 2012
Hi Sjorzzzie,

I don't remember saying anything about putting HTML code in the tooltip :-(

Bob
Sjorzzzie 15 May, 2012
Hi GreyHead,

The thing is that i want different images in more then one tooltip.

Kind regards
GreyHead 15 May, 2012
Hi Sjorzzzie,

I'm not sure that I understand . . . you can change the image for different inputs by using the input classes or ids in the CSS selectors if you want.

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