CODEWITHSUNDEEP
wpfmouseexpanderenter
Metro
Metro

Reputation: 1171

Customize Expander to expand on mouse enter

I am using Expander in WPF to display my data. The default style for the Expander control contains a toggle button which shows/hides my content when I click on it.

How can I modify the style so that it expands when I hovers the mouse over the header and collapse when I move away?

Upvotes: 3

Views: 3794

Answers (2)

user3524218
user3524218

Reputation: 41

It is possible to use databinding between isExpanded property an ismouseover:

IsExpanded="{Binding IsMouseOver, Mode=OneWay, RelativeSource={RelativeSource Self}}"

Upvotes: 4

brunnerh
brunnerh

Reputation: 185280

Barebone setup should be this:

<Style TargetType="{x:Type Expander}">
    <Style.Triggers>
        <Trigger Property="IsMouseOver" Value="True">
            <Setter Property="IsExpanded" Value="True" />
        </Trigger>
    </Style.Triggers>
</Style>

(Applies to the whole expander, not just the header. That would probably require messing with the template.)

Upvotes: 7

Related Questions