Posted
on Jan 10, 2011
(permalink)
Hi! I'm trying to add toggle button to telerik toolbar with ability to change image on different states (IsChecked = true or false).
Here is the code sample:
<telerik:RadToolBar Height="43" HorizontalAlignment="Left" Name="RadToolBar1" VerticalAlignment="Top" Width="509" Background="#FF6A6A6A" GripVisibility="Collapsed" OverflowButtonVisibility="Collapsed" Grid.Row="1" Margin="0,2,0,0" Grid.RowSpan="2">
<ToggleButton x:Name="BtnRec" ToolTip="Start record" Width="32">
<ToggleButton.Style>
<Style TargetType="ToggleButton">
<Style.Triggers>
<Trigger Property="IsChecked" Value="false">
<Setter Property="Content">
<Setter.Value>
<Image Source="/3DSuit_01;component/Images/Rec_Mode.png"></Image>
</Setter.Value>
</Setter>
</Trigger>
<Trigger Property="IsChecked" Value="true">
<Setter Property="Content">
<Setter.Value>
<Image Source="/3DSuit_01;component/Images/Play.png"></Image>
</Setter.Value>
</Setter>
</Trigger>
</Style.Triggers>
</Style>
</ToggleButton.Style>
</ToggleButton>
</telerik:RadToolBar>
The problem is that there is no image shown on the button and button appears like tiny smooth on toolbar. The same code works fine with the standard (non telerik) toolbar, or without toolbar. Please help.
Thank You!