[Solved] RowDetail Border Issue

[Suraj Batra]

Is there any way to change the border color of RowDetail section which is by default black in color.

[Rossen Hristov]

Hi Suraj Batra,

You can use the RowDetailsStyle property of RadGridView and set new values for properties:

<UserControl
    x:Class="TicketID_268794_RowDetailsStyle.MainPage"
    xmlns="http://schemas.microsoft.com/winfx/2006/xaml/presentation"
    xmlns:d="http://schemas.microsoft.com/expression/blend/2008"
    xmlns:grid="clr-namespace:Telerik.Windows.Controls.GridView;assembly=Telerik.Windows.Controls.GridView"
    xmlns:mc="http://schemas.openxmlformats.org/markup-compatibility/2006"
    xmlns:telerik="clr-namespace:Telerik.Windows.Controls;assembly=Telerik.Windows.Controls.GridView"
    xmlns:x="http://schemas.microsoft.com/winfx/2006/xaml"
    d:DesignHeight="480"
    d:DesignWidth="640"
    mc:Ignorable="d">
    <Grid>
        <Grid.Resources>
            <Style x:Key="RowDetailsStyle" TargetType="grid:DetailsPresenter">
                <Setter Property="BorderBrush" Value="Red"/>
                <Setter Property="BorderThickness" Value="2"/>
            </Style>
            <DataTemplate x:Key="RowDetailsTemplate">
                <telerik:RadGridView
                    Name="playersGrid"
                    AutoGenerateColumns="False"
                    ColumnsWidthMode="Auto"
                    ItemsSource="{Binding Players}">
                    <telerik:RadGridView.Columns>
                        <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" Header="Name">
                        </telerik:GridViewDataColumn>
                        <telerik:GridViewDataColumn DataMemberBinding="{Binding Number}" Header="Number">
                        </telerik:GridViewDataColumn>
                        <telerik:GridViewDataColumn DataMemberBinding="{Binding Position}" Header="Position">
                        </telerik:GridViewDataColumn>
                        <telerik:GridViewDataColumn DataMemberBinding="{Binding Country}" Header="Country">
                        </telerik:GridViewDataColumn>
                    </telerik:RadGridView.Columns>
                </telerik:RadGridView>
            </DataTemplate>
        </Grid.Resources>
        <telerik:RadGridView
            Name="clubsGrid"
            AutoGenerateColumns="False"
            ColumnsWidthMode="Auto"
            RowDetailsStyle="{StaticResource RowDetailsStyle}"
            RowDetailsTemplate="{StaticResource RowDetailsTemplate}"
            RowDetailsVisibilityMode="VisibleWhenSelected">
            <telerik:RadGridView.Columns>
                <telerik:GridViewDataColumn DataMemberBinding="{Binding Name}" Header="Name">
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn DataFormatString="{}{0:yyyy}" DataMemberBinding="{Binding Established}" Header="Est.">
                </telerik:GridViewDataColumn>
                <telerik:GridViewDataColumn DataFormatString="{}{0:N0}" DataMemberBinding="{Binding StadiumCapacity}" Header="Stadium">
                </telerik:GridViewDataColumn>
            </telerik:RadGridView.Columns>
        </telerik:RadGridView>
    </Grid>
</UserControl>

I hope this helps.

Sincerely yours,
Ross
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.