Community
InfraWorks Forum
Welcome to Autodesk’s InfraWorks Forums. Share your knowledge, ask questions, and explore popular InfraWorks topics.
cancel
Showing results for 
Show  only  | Search instead for 
Did you mean: 

Tooltip Size

15 REPLIES 15
SOLVED
Reply
Message 1 of 16
shawnnelson
1959 Views, 15 Replies

Tooltip Size

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.

15 REPLIES 15
Message 2 of 16

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



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 3 of 16

Capture.PNGCapture2.PNG

Message 4 of 16

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



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 5 of 16

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



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 6 of 16
shawnnelson
in reply to: shawnnelson

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?

Message 7 of 16

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



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 8 of 16

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.
Message 9 of 16

The marker? or the text?



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 10 of 16

I hope this makes sense:

 

Capture3.PNG

Message 11 of 16

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



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 12 of 16

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.



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 13 of 16

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.

Message 14 of 16

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>



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Message 15 of 16

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

Message 16 of 16

No problem.



Todd Rogers
BIM Manager
Blog | Twitter | LinkedIn

Can't find what you're looking for? Ask the community or share your knowledge.

Post to forums  

Rail Community


Autodesk Design & Make Report