topic Re: Tooltip Size in InfraWorks Forum

Tooltip Size

Anonymous — Mon, 23 Sep 2013 14:03:23 GMT

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.

Re: Tooltip Size

Todd_Rogers — Mon, 23 Sep 2013 14:04:43 GMT

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

Re: Tooltip Size

Anonymous — Mon, 23 Sep 2013 16:22:58 GMT

Re: Tooltip Size

Todd_Rogers — Mon, 23 Sep 2013 16:31:04 GMT

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

Re: Tooltip Size

Todd_Rogers — Mon, 23 Sep 2013 16:31:56 GMT

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

Re: Tooltip Size

Anonymous — Mon, 23 Sep 2013 19:35:26 GMT

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?

Re: Tooltip Size

Todd_Rogers — Mon, 23 Sep 2013 19:37:30 GMT

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

Re: Tooltip Size

Anonymous — Mon, 23 Sep 2013 19:41:10 GMT

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.

Re: Tooltip Size

Todd_Rogers — Mon, 23 Sep 2013 19:44:43 GMT

The marker? or the text?

Re: Tooltip Size

Anonymous — Mon, 23 Sep 2013 19:55:52 GMT

I hope this makes sense:

Re: Tooltip Size

Todd_Rogers — Mon, 23 Sep 2013 20:06:16 GMT

Re: Tooltip Size

Todd_Rogers — Mon, 23 Sep 2013 20:10:40 GMT

Or you can use the image code...

Change the blue text to your image file.

Re: Tooltip Size

Anonymous — Mon, 23 Sep 2013 20:54:43 GMT

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.

Re: Tooltip Size

Todd_Rogers — Tue, 24 Sep 2013 21:28:01 GMT

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>

Re: Tooltip Size

Anonymous — Wed, 02 Oct 2013 20:47:16 GMT

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

Re: Tooltip Size

Todd_Rogers — Wed, 02 Oct 2013 20:48:51 GMT

No problem.