MouseEnter Event not firing - WPF

Question

0.00/5 (No votes)

See more:

Hey all,

I've got a WPF app that contains several custom user controls.

I have a MouseEnter and MouseLeave event on a transparent rectangle that makes a border appear and disappear to highlight the usercontrol under the mouse. This works fine. The problem I'm having is each control contains a custom TextBlock that I wish to link to another MouseEnter/Leave event that highlights the text within it.

Now the rectangle covers this textblock and I think that this is perhaps the reason the events for the custom textblock don't fire.

How can I get around this problem?
Is it a z-order problem?

I thought that the events would fire even if the trigger control is underneath another?

Thanks,

Jib

Posted 21-Oct-10 23:21pm

Jibrohni

Updated 22-Oct-10 0:53am

Dalek Dave

v2

Add a Solution

Comments

Dalek Dave 22-Oct-10 6:53am

Edited for Readability.

Venkatesh Mookkan 22-Oct-10 7:39am

It would be more easy for us to answer if you post some of the code.

Tarun.K.S 22-Oct-10 7:46am

just a suggestion that, you could use a button and then apply a control template with a border or rectangle and then use triggers to highlight the border or the text. Well it will be much easier to do it!

Jibrohni 25-Oct-10 4:51am

Here's my user control:

<usercontrol x:class="BT_Control_Panel_1._1___User_Control.User_Controls.OptionControl"
="" xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation" xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml" xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006" xmlns:d="http://schemas.microsoft.com/expression/blend/2008" mc:ignorable="d" d:designheight="300" d:designwidth="300" width="300">
<grid name="mainOptionGrid">
<grid.rowdefinitions>
<rowdefinition name="row1">

<grid.columndefinitions>
<columndefinition name="iconCol" width="100">
<columndefinition name="textCol" width="200">

<Image Name="iconImage" Width="50" Height="50" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="25,6,25,0" Panel.ZIndex="1">

</Image>
<stackpanel name="textStackPanel" grid.column="1" width="200" panel.zindex="1">


<border name="bdrEdge" grid.columnspan="2" padding="20" borderthickness="1" borderbrush="Black" visibility="Hidden" panel.zindex="2">

Basically I require the border highlight event to trigger when the mouse enters the Grid's domain. This border needs to stay visible whilst also allowing for the mouseenter/mouseleave events to fire for the textblocks that I programmatically add to the textstackpanel.

But as the textblocks are the upper most entities, the grid loses it's mouseenter/mouseleave capabilities, hence no longer does the border show. And as the textblocks aren't always added in the same numbers per user control, there is quite often whitespace at the bottom of the usercontrol where the border doesn't fire if I try firing the event from the textblocks' mouseenter events.

4 solutions

Solution 2

Re-post of XAML User Control:

<pre lang="xml"><UserControl x:Class="BT_Control_Panel_1._1___User_Control.User_Controls.OptionControl"
             xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
             xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
             xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
             xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
             mc:Ignorable="d"
             d:DesignHeight="300" d:DesignWidth="300" Width="300">
        <Grid Name="mainOptionGrid">
        <Grid.RowDefinitions>
            <RowDefinition Name="row1"></RowDefinition>
        </Grid.RowDefinitions>
        <Grid.ColumnDefinitions>
            <ColumnDefinition Name="iconCol" Width="100"></ColumnDefinition>
            <ColumnDefinition Name="textCol" Width="200"></ColumnDefinition>
        </Grid.ColumnDefinitions>
            <Image Name="iconImage" Width="50" Height="50" VerticalAlignment="Top" HorizontalAlignment="Center" Margin="25,6,25,0" Panel.ZIndex="1">
            <!--Icon to be inserted here-->
        </Image>
        <StackPanel Name="textStackPanel" Grid.Column="1" Width="200" Panel.ZIndex="1">
            <!--Add in custom textblocks here. First addition should be the header-->
        </StackPanel>
        <Border Name="bdrEdge" Grid.ColumnSpan="2" Padding="20" BorderThickness="1" BorderBrush="Black" Visibility="Hidden" Panel.ZIndex="2"></Border>
    </Grid>
</UserControl>

Posted 24-Oct-10 22:53pm

Jibrohni

Solution 3

How about giving Style.Triggers a try!
This is a Trigger part of the style:

<Style.Triggers>
<Trigger Property="MouseEnter" Value="True">
<Setter TargetName="txtStackPanel" Property="Foreground" Value="Red"/>
</Trigger>
</Style.Triggers>

Posted 25-Oct-10 0:09am

Tarun.K.S

Updated 25-Oct-10 0:10am

v3

Comments

Richard MacCutchan 25-Oct-10 6:45am

Tarun, you just added a comment to my response to a question by Dale Seely, saying it was your code, so perhaps you could respond to his question. Thanks.

Tarun.K.S 25-Oct-10 9:25am

i had given up Richard!

Add a Solution

Add your solution here

Treat my content as plain text, not as HTML

Preview 0

…

Existing Members

Sign in to your account

...or Join us

Download, Vote, Comment, Publish.

Your Email
Password
Forgot your password?

Your Email
This email is in use. Do you need your password?
Optional Password

I have read and agree to the Terms of Service and Privacy Policy
Please subscribe me to the CodeProject newsletters

When answering a question please:

Read the question carefully.
Understand that English isn't everyone's first language so be lenient of bad spelling and grammar.
If a question is poorly phrased then either ask for clarification, ignore it, or edit the question and fix the problem. Insults are not welcome.
Don't tell someone to read the manual. Chances are they have and don't get it. Provide an answer or move on to the next question.

Let's work to help developers, not make them feel stupid.

This content, along with any associated source code and files, is licensed under The Code Project Open License (CPOL)

Jibrohni · Accepted Answer · 2010-10-25T03:23:00

Solution 4

All,

Thanks for all the input. The problem was me as per usual. The fact that I hadn't set a background for the grid meant that the mouseenter/mouseleave events wouldn't trigger. It was nothing to do with z-order. I set the grid background to transparent and voila - job done.

I'm a happy Jib!

Posted 25-Oct-10 3:23am

Jibrohni

Comments

Tarun.K.S 25-Oct-10 9:25am

ohkay! great!

#realJSOP · Accepted Answer · 2010-10-22T01:37:00

When I come up against stuff like this, I resort to creating a simple test application to see what happens. That's what I suggest you do to find your answer.

A worm with overlapping (but not completely overlapping) controls with the mouse enter event specified. Then run it under the debugger with breakpoints in both event handler methods.

MouseEnter Event not firing - WPF

4 solutions

Solution 4

Solution 1

Solution 2

Solution 3

Add your solution here

Preview 0

Existing Members

...or Join us