[Solved] Faulty display of hierarchical grid

[andieje]

Hi
I am using radgrid q3 2008 and the default skin which I have not modified in anyway. I have a very simple master -detail grid and it is not being displayed properly. I believe this is because the detail grid is a lot smaller than the child grid. Specifically the right border of the child grid is not displayed and neither is the botom border of the row above the detail table or the top border of the row below the detail table

You can look at the page here. Click the submit button to show the grid.

84.92.22.217/suretrack2/tracking/vehicletrackingreport.aspx

Many thanks

[andieje]

Hello

I was hoping someone might be able to look at this post. I posted it 2 days ago and I notice some questions posted after that have already been answered by technical support. Perhaps there is a queue system I don't know about and if so I apologise. I just want to make sure my question isn't missed.

thansk

[Veli]

Hi andieje,

The link you have provided does not seem to be working, so I will try to explain things generally without having a concrete example.

When using detail table, RadGrid's previous and next item borders are adjusted so that the borders around the nested table view do not become thicker than the rest. The same happens with the nested table's right border - they are all set to 0 width. When your nested DetailTable is smaller in width than the MasterTableView, it really seems like the layout is broken, but this is a natural behavior.

To fix the problem, you can easily override the CSS classes of your skin with some custom CSS setting the proper border width:

.rgDetailTable, .rgDetailTable td
        {
            border-style:solid !important;
        }

        .rgDetailTable
        {
            border-width:1px !important;
        }

        .rgRow td
        {
            border-style:solid !important;
            border-top:1px solid !important;
        }

        .rgMasterTable
        {
            border-collapse:collapse !important;
        }

Sincerely yours,
Veli
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[andieje]

Hi

Thank-you for your reply but I couldn't get it to work.

I am using the Default skin from q3 2008 release so I tried to customise this skin to include the css you gave me. I created a custom skin called Default based on your skin as described in the help file. This all worked fine. Then i tried to add the extra css to display the missing borders. This is what I added to the css file

.DetailTable_Default

 

, .DetailTable_Default td

 

{

 

border-style:solid !important;

 

}

 

.DetailTable_Default

 

 

{

 

border-width:1px !important;

 

}

 

 

.GridRow_Default td

 

{

 

border-style:solid !important;

 

 

border-top:1px solid !important;

 

}

 

 

.MasterTable_Default

 

{

 

border-collapse:collapse !important;

 

}

but the display of the grid is now all odd with thick heavy black lines everywhere. I must be doing something wrong. Please can you help

Many thanks

[Veli]

Hello andieje,

Please find attached a small project we have created for your reference. Please try it with your 2008.Q3 distribution of RadControls and see if you get the required result. I have added some CSS directly on the page without modifying RadGrid's default skin.

Greetings,
Veli
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[andieje]

Hi

It's made the borders a bit thicker but i works enough for me

Many thanks