1. Open the Style Palette.
2. Click the Material tab.
3. Click the green plus icon in the top of the Material Catalog to create a new Material Catalog, and name it Tooltip Images.
4. Click the green plus icon in the bottom of the Material catalog to add a new material to the catalog, and import your .JPG or .PNG image as the new texture. Click OK.
5. Close the Style Pallete.
6. Navigate to "C:\Users\username\Documents\Autodesk InfraWorks Models\Autodesk 360\model#\ModelName.files\unver\Content\Textures\imagefilename.xxx" on your local system using Windows Explorer, making sure to replace the text in red with your own specific filepath.
7. Copy the filepath for the image.
8. In InfraWorks 360, select the feature you want to associate with the image.
9. Right-click and choose Exit Edit Mode.
10. Right-click and choose Edit Tooltip.
11. Click the HTML editing tab.
12. Paste the following code into the HTML editing area, using your specific filepath.
Note: make sure to specify max-height, max-width, width, and height values that correspond to the size of the image you are referencing. Use numeric values only, do not include "px" or similar unit of measurement references.
<tooltip> <style> background-color: black; max-width:xxx; max-height:xxx; border-color:black; border-width:1; border-style:solid </style> </tooltip> <img src="file://C:\Users\username\Documents\Autodesk InfraWorks Models\Autodesk 360\model#\ModelName.files\unver\Content\Textures\imagefilename.jpg" height="xxx" width="xxx">
Here's what that should look like:
13. Click OK and hover your cursor over the feature to see the tooltip.
Note: Because you added the image to the material catalog, the local image will remain with your model when your model is exported/shared.
