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

issues with css

3 Answers 82 Views

Grid

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

newbie asked on 13 Feb 2009, 12:17 AM

This is in continuation of my forum posting : http://www.telerik.com/community/forums/aspnet-ajax/grid/having-trouble-with-grid-css.aspx

I have a Grid with a NestedViewTemplate. Inside the NestedViewTemplate I load another grid.

I am having a couple of issues:

Issue #1 (I am still waiting on this from the posting above): My nestedviewtemplate display starts from the second column of the main grid. I want it to be aligned to the main grid.

Issue #2 : For some reason the data in the columns seem to be right aligned. Something is forcing them out of the grid bounds due to which all the columns and data is not properly visible.
I am unable to figure out whats pushing them to the right. My Table layout for the mastertableview is specified as fixed.

Can you please help... I am really stuck with this display issue.

3 Answers, 1 is accepted

answered on 13 Feb 2009, 09:15 AM

Hi Anumeha,

Please keep try to post all your messages related to a given problem in ONE forum thread. Otherwise it is very inconvenient to track the message history and respond.

Here is a simple web page, which demonstrates how to align the left end of a NestedViewTemplate to the left end of the parent MasterTableView.

    
            <%@ Page Language="C#" %> 
        
            <%@ Import Namespace="System.Data" %> 
        
            <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
        
            <script runat="server"> 
        
                protected void RadGrid1_NeedDataSource(object sender, GridNeedDataSourceEventArgs e) 
        
                { 
        
                    DataTable dt = new DataTable(); 
        
                    DataRow dr; 
        
                    for (int j = 1; j <= 5; j++) 
        
                    { 
        
                        dt.Columns.Add(String.Format("Column{0}", j)); 
        
                    } 
        
                    for (int i = 1; i <= 5; i++) 
        
                    { 
        
                        dr = dt.NewRow(); 
        
                        for (int k = 1; k <= 5; k++) 
        
                        { 
        
                            dr[String.Format("Column{0}", k)] = String.Format("Column{0} Row{1}", k, i); 
        
                        } 
        
                        dt.Rows.Add(dr); 
        
                    } 
        
                    (sender as RadGrid).DataSource = dt; 
        
                } 
        
                protected void RadGrid1_ColumnCreated(object sender, GridColumnCreatedEventArgs e) 
        
                { 
        
                    if (e.Column is GridExpandColumn) 
        
                    { 
        
                        e.Column.Visible = false; 
        
                    } 
        
                } 
        
                protected void RadGrid1_ItemCreated(object sender, GridItemEventArgs e) 
        
                { 
        
                    if (e.Item is GridNestedViewItem) 
        
                    { 
        
                        (e.Item as GridNestedViewItem).Cells[0].Visible = false; 
        
                    } 
        
                } 
        
            </script> 
        
            <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" 
        
            "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
        
            <html xmlns="http://www.w3.org/1999/xhtml"> 
        
            <head runat="server"> 
        
            <meta http-equiv="content-type" content="text/html; charset=utf-8" /> 
        
            <title>RadControls for ASP.NET AJAX</title> 
        
            </head> 
        
            <body> 
        
            <form id="form1" runat="server"> 
        
            <asp:ScriptManager ID="ScriptManager1" runat="server" /> 
        
            <telerik:RadGrid 
        
                ID="RadGrid1" 
        
                runat="server" 
        
                Skin="Office2007" 
        
                OnNeedDataSource="RadGrid1_NeedDataSource" 
        
                OnColumnCreated="RadGrid1_ColumnCreated" 
        
                OnItemCreated="RadGrid1_ItemCreated"> 
        
                <MasterTableView HierarchyDefaultExpanded="true"> 
        
                    <NestedViewTemplate> 
        
                        <div style="background:#ffd;padding:8px 5px"> 
        
                            This is a NestedViewTemplate 
        
                        </div> 
        
                    </NestedViewTemplate> 
        
                </MasterTableView> 
        
            </telerik:RadGrid> 
        
            </form> 
        
            </body> 
        
            </html>

Regards,
Dimo
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.

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

issues with css

3 Answers, 1 is accepted