Level: Intermediate, Version: FM 13 or later

Multi-State Dynamic Graphic Buttons

I had a client request recently to toggle an image button to a second imageĀ on mouse over. Under normal circumstances, this would not be difficult to accomplish since you can assign one image to the Normal state, and a different image to the Hover state, like so.

2015-10-16_9-32-26

However, if you go this route, you can’t use container fields as the source for the images, but instead must make static file selections, like so:

2015-10-25_15-08-03

Since this button would be appearing on dozens of layouts throughout a 20+ file solution, the client wanted to be able to store the two images in container fields, so an authorized user could easily swap in new container images (in browse mode, not layout mode) and have the changes ripple through their entire solution.

2015-10-25_15-23-05

Demo Files:

Continue reading “Multi-State Dynamic Graphic Buttons”