Posted by member 387645 on 2007-11-17 12:51:22
Hello everybody, I was just wondering if someone here could help me with a little xLabel related issue.
I'm new to Litestep so please go easy on me. I'm trying to create a simple theme with a circular menu and for a week now I've been trying to make that happen with xLabel. I've got it to display correctly, to react to MouseOver events with respect to the alphamap in the PNG's I used but everything goes wrong on the MouseOut tracking. After I rollover it, and it changes the image, when I try to rollout, even if the mouse is over a completely transparent area the MouseOver won't trigger ( or at least the image won't change ). I somehow managed to fix that with an Overlayed label at the cost of a pinkish border around my menu item as seen in this image: ( http://www.greeneyedblog.com/litestep/mockup1.png ).
I'm willing to live with that and I tried adding another menu item right next to that one but whenever I mouseover one of the menu items, the other one's mouseevents won't follow the alphamap. So, even if no opaque areas overlap, when one item is mouseovered, if the mouse goes over the bounding box of the other it will trigger the event, even if it's on transparent area. Image here: http://www.greeneyedblog.com/litestep/mockup2.png
My question is: is there any way to make that menu work correctly using xLabel or any other module? I'm only interest in having correct mouse events ( mouseover, mouseout and click )
Here are the png's I'm using: http://www.greeneyedblog.com/litestep/roundmenu.zip
I appreciate any help. Thanks a lot.
I'm new to Litestep so please go easy on me. I'm trying to create a simple theme with a circular menu and for a week now I've been trying to make that happen with xLabel. I've got it to display correctly, to react to MouseOver events with respect to the alphamap in the PNG's I used but everything goes wrong on the MouseOut tracking. After I rollover it, and it changes the image, when I try to rollout, even if the mouse is over a completely transparent area the MouseOver won't trigger ( or at least the image won't change ). I somehow managed to fix that with an Overlayed label at the cost of a pinkish border around my menu item as seen in this image: ( http://www.greeneyedblog.com/litestep/mockup1.png ).
I'm willing to live with that and I tried adding another menu item right next to that one but whenever I mouseover one of the menu items, the other one's mouseevents won't follow the alphamap. So, even if no opaque areas overlap, when one item is mouseovered, if the mouse goes over the bounding box of the other it will trigger the event, even if it's on transparent area. Image here: http://www.greeneyedblog.com/litestep/mockup2.png
My question is: is there any way to make that menu work correctly using xLabel or any other module? I'm only interest in having correct mouse events ( mouseover, mouseout and click )
Here are the png's I'm using: http://www.greeneyedblog.com/litestep/roundmenu.zip
I appreciate any help. Thanks a lot.