If I'm understanding Z-order... if you put an element "behind" another element by having it drawn first, both visually and functionally the element is onto of the other element. Is there a way to visually put something ontop another element so it draws first, but put the functionality of the underneath element as on top of the first drawn element?

This basically allows me to create some really sophisticated variable driven images without have to create 30 different images. I can basically get away with what I need with 13 images.

Z-Order is both for visibility and for click/touch focus.

I am not sure if this would help... but, you can also use a clear image as the top image, and have your functionality attached to that. I have done that with an alarm system keypad in which I used a stock photo of the keypad and then overlaid clear images on each of the keys.

That is getting closer... how do you get the feedback of the clear button press? Do you have it slightly tinted so as to show some sort of movement on the screen?

In my case, I was making an overlay for a key so I just left the outline of the key and erased the center. I guess you could do a light stroke around the outside of a clear graphic to get a visual key press effect.

BTW, I have requested an alternate "Key pressed" image feature for control pages. But, I suspect it is fairly low on the priority list. Though... now that 5.0.3 is out maybe some things will move up a bit in priority.

Still have lots of bigger fish to fry...

......probably just a guppie but animated gifs would be an awesome addition as well.

Carl

Thanks... that makes a decent enough effect. Really getting these UI's to look snazzy is a lot of work, but hopefully once I build a good library, I'll be able to reuse pretty easily enough. Appreciate the help!