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.
Solved! Go to Solution.
Solved by ToddRogers-WPM. Go to Solution.
Can you attach a screen shot with the Properties dialog open?
So, you want the frame smaller? If so, change the height and width which are specified in the HTML code.
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?
If you look at the HTML code in your picture you posted, the width = "200" and height = "200". Change those values.
<iframe src="demo_iframe.htm" width="200" height="200"></iframe>
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.
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.
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>
That's perfect Todd. Thank you very much. I did not think to set the style (CSS).
Can't find what you're looking for? Ask the community or share your knowledge.