GroupBox border has a double line border whenever it is used as a Content for RadExpander element (Please see the attached file). I want it to be only one line border.
Below is the RadExpander style and the XAML used for both RadExpander and GroupBox:
<Style TargetType="telerik:RadExpander" BasedOn="{StaticResource RadExpanderStyle}"> <Setter Property="Background" Value="#FF3D3D3D" /> <Setter Property="BorderBrush" Value="#FF575859" /> <Setter Property="BorderThickness" Value="1" /> <Setter Property="Margin" Value="5" /> <Setter Property="Padding" Value="5" /> <Setter Property="IsExpanded" Value="True" /> <Setter Property="VerticalAlignment" Value="Top" /> <Setter Property="ExpandDirection" Value="Down" /> </Style>
<telerik:RadExpander Grid.Row="4" > <telerik:RadExpander.Content> <GroupBox BorderThickness="1" Margin="0,0,5,5" BorderBrush="Black"> <GroupBox.Header> <TextBlock x:Name="ProfileName"/> </GroupBox.Header> <Grid> <Grid.ColumnDefinitions> <ColumnDefinition Width="*"/> <ColumnDefinition Width="*"/> </Grid.ColumnDefinitions> <telerik:RadButton x:Name="btnLoad" Grid.Column="1" Width="90" Height="25" /> <telerik:RadButton x:Name="btnSave" Grid.Column="0" Width="90" Height="25" /> </Grid> </GroupBox> </telerik:RadExpander.Content> </telerik:RadExpander>