Note that there are some explanatory texts on larger screens.

plurals
  1. PO
    primarykey
    data
    text
    <p>Could be that the Background of your control is set to <code>{x:Null}</code> by default, try setting <code>&lt;Setter Property="Background" Value="Transparent"/&gt;</code> {x:Null won't detect a mouse, Transparent will.</p> <p><strong>Edit (addition):</strong></p> <p>OverridesDefaultStyle = True should be in the style.setters not in the trigger.</p> <p>Example:</p> <pre><code>&lt;ToggleButton Content="ToggleButton" Height="30" Width="110" &gt; &lt;ToggleButton.Style&gt; &lt;Style TargetType="ToggleButton"&gt; &lt;Setter Property="SnapsToDevicePixels" Value="True"/&gt; &lt;Setter Property="UseLayoutRounding" Value="True"/&gt; &lt;Setter Property="OverridesDefaultStyle" Value="True"/&gt; &lt;Setter Property="BorderThickness" Value="1"/&gt; &lt;Setter Property="Background"&gt; &lt;Setter.Value&gt; &lt;LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"&gt; &lt;GradientStop Offset="0" Color="#FFFFFF"/&gt; &lt;GradientStop Offset="0.48" Color="#DDDDDD"/&gt; &lt;GradientStop Offset="0.5" Color="#CCCCCC"/&gt; &lt;GradientStop Offset="0.52" Color="#BBBBBB"/&gt; &lt;GradientStop Offset="1" Color="#CCCCCC"/&gt; &lt;/LinearGradientBrush&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;Setter Property="BorderBrush"&gt; &lt;Setter.Value&gt; &lt;LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"&gt; &lt;GradientStop Offset="0" Color="#DDDDDD"/&gt; &lt;GradientStop Offset="0.48" Color="#BBBBBB"/&gt; &lt;GradientStop Offset="0.5" Color="#AAAAAA"/&gt; &lt;GradientStop Offset="0.52" Color="#999999"/&gt; &lt;GradientStop Offset="1" Color="#AAAAAA"/&gt; &lt;/LinearGradientBrush&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;Setter Property="HorizontalContentAlignment" Value="Center"/&gt; &lt;Setter Property="VerticalContentAlignment" Value="Center"/&gt; &lt;Setter Property="Template"&gt; &lt;Setter.Value&gt; &lt;ControlTemplate TargetType="ToggleButton"&gt; &lt;Border Background="{TemplateBinding Background}" BorderBrush="{TemplateBinding BorderBrush}" BorderThickness="{TemplateBinding BorderThickness}" CornerRadius="2" SnapsToDevicePixels="{TemplateBinding SnapsToDevicePixels}" UseLayoutRounding="{TemplateBinding UseLayoutRounding}"&gt; &lt;ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/&gt; &lt;/Border&gt; &lt;ControlTemplate.Triggers&gt; &lt;MultiTrigger&gt; &lt;MultiTrigger.Conditions&gt; &lt;Condition Property="IsMouseOver" Value="True"/&gt; &lt;Condition Property="IsChecked" Value="False"/&gt; &lt;/MultiTrigger.Conditions&gt; &lt;Setter Property="Background"&gt; &lt;Setter.Value&gt; &lt;LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"&gt; &lt;GradientStop Offset="0" Color="#FFFFFF"/&gt; &lt;GradientStop Offset="0.48" Color="#EEEEEE"/&gt; &lt;GradientStop Offset="0.5" Color="#DDDDDD"/&gt; &lt;GradientStop Offset="0.52" Color="#CCCCCC"/&gt; &lt;GradientStop Offset="1" Color="#DDDDDD"/&gt; &lt;/LinearGradientBrush&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/MultiTrigger&gt; &lt;MultiTrigger&gt; &lt;MultiTrigger.Conditions&gt; &lt;Condition Property="IsMouseOver" Value="True"/&gt; &lt;Condition Property="IsChecked" Value="True"/&gt; &lt;/MultiTrigger.Conditions&gt; &lt;Setter Property="BorderBrush" Value="#666666"/&gt; &lt;Setter Property="BorderThickness" Value="2,2,1,1"/&gt; &lt;Setter Property="Background"&gt; &lt;Setter.Value&gt; &lt;LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"&gt; &lt;GradientStop Offset="0" Color="#AAAAAA"/&gt; &lt;GradientStop Offset="0.48" Color="#999999"/&gt; &lt;GradientStop Offset="0.5" Color="#AAAAAA"/&gt; &lt;GradientStop Offset="0.52" Color="#BBBBBB"/&gt; &lt;GradientStop Offset="1" Color="#DDDDDD"/&gt; &lt;/LinearGradientBrush&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/MultiTrigger&gt; &lt;MultiTrigger&gt; &lt;MultiTrigger.Conditions&gt; &lt;Condition Property="IsChecked" Value="True"/&gt; &lt;Condition Property="IsMouseOver" Value="False"/&gt; &lt;/MultiTrigger.Conditions&gt; &lt;Setter Property="BorderBrush" Value="#333333"/&gt; &lt;Setter Property="BorderThickness" Value="2,2,1,1"/&gt; &lt;Setter Property="Background"&gt; &lt;Setter.Value&gt; &lt;LinearGradientBrush StartPoint="0.5,0" EndPoint="0.5,1"&gt; &lt;GradientStop Offset="0" Color="#999999"/&gt; &lt;GradientStop Offset="0.48" Color="#888888"/&gt; &lt;GradientStop Offset="0.5" Color="#999999"/&gt; &lt;GradientStop Offset="0.52" Color="#AAAAAA"/&gt; &lt;GradientStop Offset="1" Color="#CCCCCC"/&gt; &lt;/LinearGradientBrush&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/MultiTrigger&gt; &lt;/ControlTemplate.Triggers&gt; &lt;/ControlTemplate&gt; &lt;/Setter.Value&gt; &lt;/Setter&gt; &lt;/Style&gt; &lt;/ToggleButton.Style&gt; &lt;/ToggleButton&gt; </code></pre> <p>As for the glow:</p> <p>Replace the ContentPresenter entirely with this:</p> <pre><code> &lt;Grid&gt; &lt;ContentPresenter HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}"/&gt; &lt;ContentPresenter x:Name="ContentPart" HorizontalAlignment="{TemplateBinding HorizontalContentAlignment}" VerticalAlignment="{TemplateBinding VerticalContentAlignment}" TextBlock.Foreground="#5588FF" Visibility="Collapsed"&gt; &lt;ContentPresenter.Effect&gt; &lt;BlurEffect /&gt; &lt;/ContentPresenter.Effect&gt; &lt;/ContentPresenter&gt; &lt;/Grid&gt; </code></pre> <p>and add this simple trigger:</p> <pre><code>&lt;Trigger Property="IsChecked" Value="True"&gt; &lt;Setter TargetName="ContentPart" Property="Visibility" Value="Visible"/&gt; &lt;/Trigger&gt; </code></pre>
    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.
 

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