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

How do you indent a child grid from the master grid?

2 Answers 140 Views

Grid

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

2 Answers, 1 is accepted

answered on 07 Aug 2008, 06:51 AM

Hi Twalker,

You can set the CssClass property of the child table to a CssClass with a margin-left Css selector set (you can also use the !important keyword to make sure the style is applied).

    
            <head runat="server"> 
        
                <title>Untitled Page</title> 
        
                <style type="text/css" > 
        
                  .Class1 
        
                  { 
        
                   margin-left: 200px !important; 
        
                  } 
        
                </style> 
        
            </head>

    
                           <DetailTables> 
        
                                  <telerik:GridTableView   runat="server"  CssClass="Class1" DataSourceID="SqlDataSource1" > 
        
                                     <Columns> 
        
                                     .... 
        
                                         ... 
        
                                     </Columns> 
        
                                  </telerik:GridTableView> 
        
                                </DetailTables>

Thanks
Shinu.

Accepted

answered on 07 Aug 2008, 12:26 PM

Hi Tom,

If I understand you correctly, you want the right edge of the detail tableviews to end beyond the right edge of the master table. If this is the case, then please use

    
            .RadGrid .DetailTable_Sunset 
        
            { 
        
                position:relative; 
        
                left:30px; 
        
            } 
        
            .DetailTable_Sunset 
        
            { 
        
                background:#f4ede1; 
        
            }

Kind regards,
Dimo
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.