Place image in Tooltip

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?

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

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?

Hi Sjorzzzie,

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

Bob

Hi GreyHead,

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

Kind regards

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