Tooltip Size

[Anonymous]

It there a way to control the size of the tooltip in html? I have noticed that when I add an img tag to the html the tooltip gets really large. I have set the height and width attributes in the image tag, and while the image sizes correctly, the tooltip is really large.

[Todd_Rogers]

Can you attach a screen shot with the Properties dialog open?

[Anonymous]

[Todd_Rogers]

So, you want the frame smaller?  If so, change the height and width which are specified in the HTML code.

[Todd_Rogers]

Also, you can set that proximity distance at the bottom.

[Anonymous]

This is where I am confused. On what element tag do I put the height and width on? I tried the tooltip, but that did not work. I also tried surrounding the content with a div tag.  Can you please provide a code example?

[Todd_Rogers]

If you look at the HTML code in your picture you posted, the width  = "200" and height = "200".  Change those values.

[Anonymous]

I apologize, I should have been more clear. I am trying to change the size of the tooltip, not the image. The height and width attributes are on the image. I am trying to set the size of the tooltip.

[Todd_Rogers]

The marker? or the text?

[Anonymous]

I hope this makes sense:

[Todd_Rogers]

<iframe src="demo_iframe.htm" width="200" height="200"></iframe>

[Todd_Rogers]

Or you can use the image code...

<img src="pulpit.jpg" alt="Pulpit rock" width="304" height="228">

Change the blue text to your image file.

[Anonymous]

Thanks Todd for looking into this. The iframe is what I am looking for, but it does not seem to work. I copied the html from the tooltip into an html file then set the source of the iframe to that file. It diplays in the "Visual" tab of the Edit Tooltip window, but when I try the Preview or the tooltip itself it shows blank. For now I can just leave the tootip sized as it is. I was just trying to get the popup to be a little more compact.

[Todd_Rogers · Accepted solution]

Shawn, I got it.  Try this...

<tooltip>
<style>
background-color:#669933;
border-color:#F6CCC0;
border-style: solid;
background-radius:10;
border-width:3;
border-radius:5;
max-width:640;
max-height:480;
min-width:320;
min-height:240;
</style>
</tooltip>

[Anonymous]

That's perfect Todd. Thank you very much. I did not think to set the style (CSS).

[Todd_Rogers]

No problem.