topic Re: Add a transparent background to a feature tooltip in InfraWorks Forum

Add a transparent background to a feature tooltip

elliott.rosenfeld — Mon, 23 Nov 2015 21:07:02 GMT

This is an easy but rewarding one. Say that you want a feature tooltip to provide a certain functionality, like a "Show in Google Maps" link, but you don't want the tooltip to cover up objects in your model when you view it. All you need to do is add a transparent background!

Re: Add a transparent background to a feature tooltip

Anonymous — Sun, 06 Dec 2015 08:29:55 GMT

Thanks,

One question: When using this code, not only the background becomes transparent, but also the text. Is it possible to make the background transparent without affecting the font/text? 🙂

Re: Add a transparent background to a feature tooltip

elliott.rosenfeld — Fri, 11 Dec 2015 21:13:37 GMT

Hi there, sorry for the delayed response. That's a good question, I will have to test some HTML/CSS and see what I can find out. I'll report back shortly.

Thanks,

Elliott

Re: Add a transparent background to a feature tooltip

elliott.rosenfeld — Thu, 07 Jan 2016 17:29:29 GMT

@Anonymous After looking into this further, I do not believe it is currently possible to apply opacity only to the background, although I would suggest playing around with the css/qss styles to see if you can come up with a solution. to my knowledge, these are special elements that will work in the feature tooltip HTML editor to format the tooltip container.

radius: The corner radius of the tooltip.
opacity: The general opacity of the tooltip.
style: The style (css/qss) used to stylize the tooltip widget.
forcewebview: For simple tooltip content there is no web view used. The advantage is, that the size of the tooltip gets adjusted automatically. Nevertheless, sometimes not all html elements or styling are visualized correctly in this case. Then it might be necessary to force the use of the web view by setting this property to true.

Thanks,

Elliott