title: Custom toggle button and states - how to give same effect to both MouseOver and Checked?
body: <p>I have made a custom button based on an image by more or less using the process found here:</p>
  
  <p><a href="http://www.kirupa.com/blend_silverlight/creating_custom_button_pg1.htm" rel="nofollow noreferrer">http://www.kirupa.com/blend_silverlight/creating_custom_button_pg1.htm</a></p>
  
  <p>I added a MouseOver state that enlarges the image 1.5x so when you hover over the image, it grows slightly bigger and then shrinks back to normal size when you move the mouse away.  Everything is good, that's exactly what I want.</p>
  
  <p>Now I want to make a toggle button that does exactly the same thing, but when the toggle button is pressed, the image size should stay at 1.5x to indicate it is checked. I tried adding the same enlarge effect to the Checked state and got a warning about changing an object-property in more than one state group.</p>
  
  <p>This makes sense...if you press the toggle button the state gets set to Checked in CheckStates, but when you move the mouse away it scales the image back down to Normal in CommonStates.  Thus, the image cannot stick at 1.5x.</p>
  
  <p>So how exactly can I make this work?  Is there any way to "kill" changing the state on mouse out if the button is checked?</p>