Hi, Im designing a wiorld map with my project locations. I want to have small buttons on the map and if you hover over any of these an automatic box pops up with basic info. So the button needs to be quite small and the hover box bigger to fit some text. A hover box won]t allow me to have the size expanded so it´s too big . Any thoughts?
^ Same question
Two boxes. Make the button show the box on hover, and hide the box otherwise. You can achieve this with onMouseIn() and onMouseOut() to customize it. For example, button.onMouseIn() could have box.show(), and box.onMouseOut() could have box.hide(); and then you could use animations to achieve the effect you’re looking for. This will allow you to mouse into your button, “expand” it to a text box, and then keep the box up for as long as your mouse is in its borders. Animations can be problematic with this (if you mouseOut of the box before onReady === true, the box will remain until you mouseIn and mouseOut of the box), but generally it will work.