Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>You will need to move triggers higher... and because you can use triggers only within ControlTemplate or Style my solution is little tricky. </p> <pre><code> &lt;Control&gt; &lt;Control.Template&gt; &lt;ControlTemplate&gt; &lt;Canvas&gt; &lt;Rectangle Canvas.Left="86" Canvas.Top="190" Height="171" Fill="Blue" Name="body" Stroke="Black" Width="387"/&gt; &lt;Rectangle Canvas.Left="118" Canvas.Top="229" Height="82" Fill="Blue" Name="window" Stroke="Black" Width="89"/&gt; &lt;Rectangle Canvas.Left="346" Canvas.Top="229" Fill="Blue" Height="132" Name="door" Stroke="Black" Width="83"/&gt; &lt;Polygon Points="10,110 230,10 500,110" Fill="Blue" Stroke="Black" Name="triangle" Canvas.Left="35" Canvas.Top="86" /&gt; &lt;Rectangle Canvas.Left="156" Canvas.Top="109" Height="61" Fill="Blue" Name="chimney" Stroke="Black" Width="36"&gt; &lt;/Rectangle&gt; &lt;/Canvas&gt; &lt;ControlTemplate.Triggers&gt; &lt;Trigger Property="IsMouseOver" Value="True"&gt; &lt;Setter TargetName="body" Property="Fill" Value="Red" /&gt; &lt;Setter TargetName="window" Property="Fill" Value="Red" /&gt; &lt;Setter TargetName="door" Property="Fill" Value="Red" /&gt; &lt;Setter TargetName="triangle" Property="Fill" Value="Red" /&gt; &lt;/Trigger&gt; &lt;!--&lt;Trigger Property="IsMouseOver" Value="False"&gt; &lt;Setter TargetName="body" Property="Fill" Value="Green" /&gt; &lt;Setter TargetName="window" Property="Fill" Value="Green" /&gt; &lt;Setter TargetName="door" Property="Fill" Value="Green" /&gt; &lt;Setter TargetName="triangle" Property="Fill" Value="Green" /&gt; &lt;/Trigger&gt;--&gt; &lt;/ControlTemplate.Triggers&gt; &lt;/ControlTemplate&gt; &lt;/Control.Template&gt; &lt;/Control&gt; </code></pre> <p>When you don't set Background property in Canvas you get better behavior because canvas will ignore IsMouseOver and Trigger will work only when you move your cursor over one of objects within Canvas</p>
    singulars
    1. This table or related slice is empty.
    plurals
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. This table or related slice is empty.
    1. VO
      singulars
      1. This table or related slice is empty.
    2. VO
      singulars
      1. This table or related slice is empty.
    3. VO
      singulars
      1. This table or related slice is empty.
    1. This table or related slice is empty.
 

Querying!

 
Guidance

SQuiL has stopped working due to an internal error.

If you are curious you may find further information in the browser console, which is accessible through the devtools (F12).

Reload