views:

62

answers:

0

I have enter actions defined for two triggers as such:

<Trigger Property="ToggleButton.IsMouseOver" Value="true">

        <Trigger.EnterActions>
           <BeginStoryboard x:Name="GlowStart_BeginStoryboard" 
                            Storyboard="{StaticResource GlowShow}"/>
        </Trigger.EnterActions>

</Trigger>

<MultiTrigger>

    <MultiTrigger.Conditions>
        <Condition Property="ToggleButton.IsChecked" Value="false"></Condition>
        <Condition Property="ToggleButton.IsMouseOver" Value="false"></Condition>
    </MultiTrigger.Conditions>

    <MultiTrigger.EnterActions>
        <BeginStoryboard x:Name="GlowFade_BeginStoryboard" 
                         Storyboard="{StaticResource GlowFade}"/>
    </MultiTrigger.EnterActions>

</MultiTrigger>

To me, this should cause the "glow" to appear when i mouse in, and disappear when I mouse out, but only if the togglebutton is not checked.

The first one works fine on it's own, but when I add the second, neither do anything. The second one alone also does nothing.

The behaviour I want is to have a glow around the togglebutton part of a combobox whenever the combobox is moused over, including the itemscontainer, and stay glowing if the dropdown is open but I un-mouseover, and only lose the glow when i do not have the button checked and also am not moused over....what am i doing wrong?