• Registered: 2017-07-06
  • Posts: 3

Topic: Tooltip styling used in your promo images using uGUI

Hello!

I really like how the tooltip is displayed in the promo images used on the Asset Store;

https://d2ujflorbtfzji.cloudfront.net/p … scaled.jpg

However I can't find a demo so I'm not entirely sure how this effect was created. Considering there is the image and 2 separate text fields. Any help would be appreciated!

Thanks!

  • Registered: 2015-06-23
  • Posts: 3,778

Re: Tooltip styling used in your promo images using uGUI

Hello.

Yes, this is uGUI tooltip.

To store any data in the markers, use OnlineMapsMarkerBase.customData.
http://infinity-code.com/doxygen/online … a199f29dc1
In this case, this is the name, address and image link from Google Places API.

Example of how to draw tooltips using uGUI:
http://infinity-code.com/atlas/online-m … ample.html

Kind Regards,
Infinity Code Team.

Boost your productivity a lot and immediately using Ultimate Editor Enhancer. Trial and non-commerce versions available.
  • Registered: 2017-07-06
  • Posts: 3

Re: Tooltip styling used in your promo images using uGUI

Hello,

Thanks for the response, noticing that the tooltip doesn't seem to scale well when launched on mobile. It appears incredibly small; if you launch the Game window within Unity Editor and reduce the "Scale" value to the lowest it appears like that. Not too sure whether this is due to me attaching the map to a canvas or whether I'm selecting the wrong 2D control version when the map is created.

Thanks!

  • Registered: 2015-06-23
  • Posts: 3,778

Re: Tooltip styling used in your promo images using uGUI

Hello.

If you use the default tooltips:
http://infinity-code.com/atlas/online-m … ample.html

If you use uGUI tooltips, you need to change the font size in the text of tooltip.

Kind Regards,
Infinity Code Team.

Boost your productivity a lot and immediately using Ultimate Editor Enhancer. Trial and non-commerce versions available.
  • Registered: 2017-07-06
  • Posts: 3

Re: Tooltip styling used in your promo images using uGUI

Thanks for that, apologies for all the questions; this *should* be the last one!

Decided to go the uGUI tooltip route, using the uGUICustomTooltipForAllMarkersExample.cs however it seems whilst using the "On Press" for showing the tooltip text just makes it appear for a millisecond before disappearing again (Appears to execute the "OnlineMapsUtils.DestroyImmediate(tooltip);"). As the issue doesn't look like it has been mentioned before on here I'm not too sure whether this is a fault with my Unity or how the ToolTip prefab is being setup. The issue mentioned here however does not occur with the default tooltips.

Thanks again!

  • Registered: 2015-06-23
  • Posts: 3,778

Re: Tooltip styling used in your promo images using uGUI

Most likely the problem is that your tooltip (some part of it) has Raycast Target - ON.
The tooltip is displayed, verifies that the cursor is not on the map (because the cursor is on the UI element) and removes the tooltip.
Try to disable Raycast Target on tooltip UI elements.

Kind Regards,
Infinity Code Team.

Boost your productivity a lot and immediately using Ultimate Editor Enhancer. Trial and non-commerce versions available.