This is a migrated thread and some comments may be shown as answers.

changing optic of vertical gridlines to match background color of cells

1 Answer 27 Views
GridView
This is a migrated thread and some comments may be shown as answers.
Daniela
Top achievements
Rank 1
Daniela asked on 13 Aug 2013, 06:47 AM
Hi!
I have a problem with my gridline-color/appearance when I change the color of the colum in a table.
As you can see on the attached screenshot I have a table as rowdetails in another table. The rowdetails table has the problem.
The rows should have a light blue color without any horizontal gridlines so that the table appears to have one cell with tabs. So I defined the table as in the code below.

When having a closer look at the screenshot (zoom in, if you don't regocnize it) you can see, that there is a small "white" line (in color of the standard table color), which should not be there. I tried to set the background of the table itself to the same color but this would not help. The only way I don't see the white line, is to let the background color of the columns as it is. But I need the light blue color, so this is no option for me.

Do anyone know how I set the gridlines color or the background of the table so, that I get my table in light blue without any white line between the columns?

<telerik:RadGridView.RowDetailsTemplate>
                    <DataTemplate>
                        <telerik:RadGridView
                            GridLinesVisibility="Horizontal"
                            ecodat:ContextMenuHelper.EnableContextMenu="True"
                                IsFilteringAllowed="False"
                                CanUserDeleteRows="False"
                                CanUserInsertRows="False"
                                ShowColumnHeaders="False"
                                ShowGroupPanel="False"
                                HorizontalAlignment="Left"
                                AutoGenerateColumns="False"
                                Margin="24 3 3 5"
                                BorderThickness="0.5"
                                ItemsSource="{Binding AssignedDocumentsList}">
                            <telerik:RadGridView.Columns>
                                <telerik:GridViewDataColumn
                                    IsReadOnly="True"
                                    TextWrapping="Wrap"
                                    Background="#EBF6FF"
                                    UniqueName="DocumentNumber"/>
                                <telerik:GridViewDataColumn
                                    IsReadOnly="True"
                                    Background="#EBF6FF"
                                    TextWrapping="Wrap"
                                    UniqueName="DocumentType"/>
                                <telerik:GridViewDataColumn
                                    IsReadOnly="True"
                                    Background="#EBF6FF"
                                    Width="*"
                                    UniqueName="DocumentTitle"/>
                            </telerik:RadGridView.Columns>
                             
                        </telerik:RadGridView>
                    </DataTemplate>
                </telerik:RadGridView.RowDetailsTemplate>

1 Answer, 1 is accepted

Sort by
0
Yoan
Telerik team
answered on 13 Aug 2013, 03:49 PM
Hi Daniela,

You may achieve this result by predefining the template of GridViewCell, please refer to this help article.

Regards,
Yoan
Telerik
TRY TELERIK'S NEWEST PRODUCT - EQATEC APPLICATION ANALYTICS for SILVERLIGHT.
Learn what features your users use (or don't use) in your application. Know your audience. Target it better. Develop wisely.
Sign up for Free application insights >>
Tags
GridView
Asked by
Daniela
Top achievements
Rank 1
Answers by
Yoan
Telerik team
Share this question
or