Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

Unable to see edit column when scroll is enabled (EF Operations)

18 Answers 135 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Julian
Top achievements
Rank 1
Julian asked on 17 May 2013, 03:25 PM
When using the Entity Framework automatic CRUD operations with the RadGrid the Edit column disappears when Scrolling is enabled.

I need to somehow have this Edit column work but allow scrolling.

Here is my ASPX code:

<head runat="server">
    <link rel="Stylesheet" type="text/css" href="./Styles.css" />
    <title>Content Tracker</title>
</head>
<body class="body">
    <form id="form1" runat="server">
    <telerik:RadScriptManager runat="server" ID="RadScriptManager1" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server">
        <AjaxSettings>
            <telerik:AjaxSetting AjaxControlID="RadGrid1">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="RadGrid1" LoadingPanelID="RadAjaxLoadingPanel1" />
                </UpdatedControls>
            </telerik:AjaxSetting>
        </AjaxSettings>
    </telerik:RadAjaxManager>
    <telerik:RadAjaxLoadingPanel ID="RadAjaxLoadingPanel1" runat="server" />
     
    <!-- Page Header -->
        <div class="header">
            <table width="1000px">
                <tr>
                    <td>
                        <table>
                            <tr>
                                <td>
                                    <img alt="" src="./Images/xxxxxx_Logo_Small.gif" />
                                </td>
                            </tr>
                        </table>
                    </td>
                    <td style="float: right">
                        <table border="0">
                            <tr>
                                <td>
                                </td>
                            </tr>
                            <tr>
                                <td>
                                    <b>Welcome <asp:Label CssClass="VertexOrangeText" ID="loggedInUser" runat="server" /></b>
                                </td>
                            </tr>
                        </table>
                    </td>
                </tr>
            </table>
        </div>
         
        <div id="Nav" class="nav"></div>
        <div id="Spacer" class="divSpacer"></div>
     
    <!-- Page Content -->
    <div id="Content" class="content" >
    <div id="PageHeader" class="pageHeader" >Assignments</div>
    <div id="HeaderSpacer" class="divHeaderSpacer"></div>
     
    <telerik:RadGrid ID="RadGrid1" Width="990" runat="server" DataSourceID="EntityDataSourceAssignments"
        AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True" GridLines="Both"
        AllowAutomaticDeletes="True" AllowSorting="true" Skin="Web20"
        OnItemCreated="RadGrid1_ItemCreated" OnItemInserted="RadGrid1_ItemInserted" OnPreRender="RadGrid1_PreRender">
        <PagerStyle Mode="NextPrevAndNumeric" />
        <MasterTableView DataSourceID="EntityDataSourceAssignments" AutoGenerateColumns="False"
            DataKeyNames="AssignmentsID" CommandItemDisplay="Top">
            <Columns>
                <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                </telerik:GridEditCommandColumn>
                 <telerik:GridBoundColumn DataField="AssignmentsID" SortExpression="AssignmentsID"
                    UniqueName="AssignmentsID" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="JurisdictionCode" HeaderText="Jurisdiction Code" SortExpression="JurisdictionCode"
                    UniqueName="JurisdictionCode" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ObligationName" HeaderText="Obligation Name" SortExpression="ObligationName"
                    UniqueName="ObligationName" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="DevTeamLead" HeaderText="Dev Team Lead" SortExpression="DevTeamLead"
                    UniqueName="DevTeamLead" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Developer" HeaderText="Developer" SortExpression="Developer"
                    UniqueName="Developer" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="TestTeamLead" HeaderText="Test Team Lead" SortExpression="TestTeamLead"
                    UniqueName="TestTeamLead" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="DueDate" HeaderText="Due Date" SortExpression="DueDate"
                    UniqueName="DueDate" HeaderStyle-Width="160px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="FormsReceived" HeaderText="Forms Received" SortExpression="FormsReceived"
                    UniqueName="FormsReceived" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="EFileComplete" HeaderText="EFile Complete" SortExpression="EFileComplete"
                    UniqueName="EFileComplete" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ESEXTStatus" HeaderText="ES-EXT Status" SortExpression="ESEXTStatus"
                    UniqueName="ESEXTStatus" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="SubmittalStatus" HeaderText="Submittal Status" SortExpression="SubmittalStatus"
                    UniqueName="SubmittalStatus" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" SortExpression="Priority"
                    UniqueName="Priority" HeaderStyle-Width="70px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KeyDraftInNeedsAssignment" HeaderText="All Key Draft In and needs to be assigned" SortExpression="KeyDraftInNeedsAssignment"
                    UniqueName="KeyDraftInNeedsAssignment" HeaderStyle-Width="250px"  Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KeyFinalInNeedsAssignment" HeaderText="All Key Final In and needs to be assigned" SortExpression="KeyFinalInNeedsAssignment"
                    UniqueName="KeyFinalInNeedsAssignment" HeaderStyle-Width="250px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridButtonColumn Text="Delete" CommandName="Delete" HeaderStyle-Width="32px"  ButtonType="ImageButton" />
            </Columns>
            <EditFormSettings>
                <EditColumn ButtonType="ImageButton" />
            </EditFormSettings>
        </MasterTableView>
        <ClientSettings>
            <Scrolling AllowScroll="True" UseStaticHeaders="True" SaveScrollPosition="True" ScrollHeight="">
            </Scrolling>
        </ClientSettings>
    </telerik:RadGrid>
    <asp:EntityDataSource ID="EntityDataSourceAssignments" runat="server" ConnectionString="name=ContentTrackerEntities"
        DefaultContainerName="ContentTrackerEntities" EntityTypeFilter="Assignment"
         OrderBy="it.[Developer]" EntitySetName="Assignments" EnableUpdate="True" EnableDelete="True" EnableInsert="True">
    </asp:EntityDataSource>
    </div>
 
    <div id="page-footer">
        <div id="page-footer-copyright">Copyright © 2010-2012 xxxxxx. All rights reserved.</div>
    </div>
 
    </form>
</body>
</html>

Thanks,

18 Answers, 1 is accepted

Sort by
0
Venelin
Telerik team
answered on 22 May 2013, 01:22 PM
RadGridUnableToSeeEditColumnEF.zip
Hi Julian,

On my side your code works as expected. The edit column shows no matter of  the value of AllowScroll. I am attaching a runnable sample project. Please examine it and see if it helps you to resolve the issue.

Regards,

Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Julian
Top achievements
Rank 1
answered on 22 May 2013, 01:27 PM
I'm surprised. If I simply disable scroll the edit column appears. I'll review your sample. Could you tell me what version of the Controls you are using. Thanks.
0
Venelin
Telerik team
answered on 22 May 2013, 05:05 PM
Hello Julian,

The version of the controls used in the attached sample project in my last post is 2013.1.403.45.

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Julian
Top achievements
Rank 1
answered on 23 May 2013, 03:30 PM
Ok utilizing your code I was able to get the edit to work but then the "Add new record" disappeared off the top of the grid??

Here is the code I currently have in use. You can see where I commented out my RadGrid tab and simply utilized part of yours that you attached. Reviewing the differences between your RadGrid tag and mine I cannot seem to find a reason why the Insert plus icon is not showing above the grid that allows me to add a new record?

<!-- Page Content -->
    <div id="Content" class="content" >
    <div id="PageHeader" class="pageHeader" >Assignments</div>
    <div id="HeaderSpacer" class="divHeaderSpacer"></div>
 
    <%--<telerik:RadGrid ID="RadGrid1" Width="990px" runat="server" DataSourceID="EntityDataSourceCustomers"
        AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True"  Skin="Web20"
        AllowAutomaticDeletes="true" AllowSorting="true" GridLines="Both" OnItemCreated="RadGrid1_ItemCreated"
        OnItemInserted="RadGrid1_ItemInserted" OnPreRender="RadGrid1_PreRender">
        <PagerStyle Mode="NextPrevAndNumeric" />
        <MasterTableView runat="server" DataSourceID="EntityDataSourceCustomers" AutoGenerateColumns="False" TableLayout="Fixed"
            DataKeyNames="AssignmentID" CommandItemDisplay="Top">
            <Columns>
                <telerik:GridEditCommandColumn ButtonType="ImageButton" UniqueName="EditCommandColumn">
                </telerik:GridEditCommandColumn>
                 <telerik:GridBoundColumn DataField="AssignmentID" SortExpression="AssignmentID"
                    UniqueName="AssignmentID" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="JurisdictionCode" HeaderText="Jurisdiction Code" SortExpression="JurisdictionCode"
                    UniqueName="JurisdictionCode" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ObligationName" HeaderText="Obligation Name" SortExpression="ObligationName"
                    UniqueName="ObligationName" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="DevTeamLead" HeaderText="Dev Team Lead" SortExpression="DevTeamLead"
                    UniqueName="DevTeamLead" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Developer" HeaderText="Developer" SortExpression="Developer"
                    UniqueName="Developer" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="TestTeamLead" HeaderText="Test Team Lead" SortExpression="TestTeamLead"
                    UniqueName="TestTeamLead" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="DueDate" HeaderText="Due Date" SortExpression="DueDate"
                    UniqueName="DueDate" HeaderStyle-Width="160px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="FormsReceived" HeaderText="Forms Received" SortExpression="FormsReceived"
                    UniqueName="FormsReceived" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="EFileComplete" HeaderText="EFile Complete" SortExpression="EFileComplete"
                    UniqueName="EFileComplete" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ESEXTStatus" HeaderText="ES-EXT Status" SortExpression="ESEXTStatus"
                    UniqueName="ESEXTStatus" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="SubmittalStatus" HeaderText="Submittal Status" SortExpression="SubmittalStatus"
                    UniqueName="SubmittalStatus" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" SortExpression="Priority"
                    UniqueName="Priority" HeaderStyle-Width="70px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KeyDraftInNeedsAssignment" HeaderText="All Key Draft In and needs to be assigned" SortExpression="KeyDraftInNeedsAssignment"
                    UniqueName="KeyDraftInNeedsAssignment" HeaderStyle-Width="250px"  Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KeyFinalInNeedsAssignment" HeaderText="All Key Final In and needs to be assigned" SortExpression="KeyFinalInNeedsAssignment"
                    UniqueName="KeyFinalInNeedsAssignment" HeaderStyle-Width="250px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridButtonColumn Text="Delete" CommandName="Delete" ButtonType="ImageButton" />
            </Columns>
            <EditFormSettings>
                <EditColumn ButtonType="ImageButton" />
            </EditFormSettings>
        </MasterTableView>
        <PagerStyle Mode="NextPrevAndNumeric" />
        <ClientSettings>
                    <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="True" ScrollHeight=""></Scrolling>
        </ClientSettings>
 
        <FilterMenu EnableImageSprites="False"></FilterMenu>
    </telerik:RadGrid>--%>
 
    <telerik:RadGrid ID="RadGrid1" Width="990px" runat="server" DataSourceID="EntityDataSourceCustomers"
        AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True"  Skin="Web20"
        AllowAutomaticDeletes="true" AllowSorting="true" GridLines="Both" OnItemCreated="RadGrid1_ItemCreated"
        OnItemInserted="RadGrid1_ItemInserted" OnPreRender="RadGrid1_PreRender">
        <PagerStyle Mode="NextPrevAndNumeric" />
                <%--Width="990px" runat="server"
                AllowPaging="True" AllowAutomaticUpdates="True" AllowAutomaticInserts="True"
                AllowAutomaticDeletes="True" AllowSorting="True" Skin="Web20"
                OnItemCreated="RadGrid1_ItemCreated" OnItemInserted="RadGrid1_ItemInserted" OnPreRender="RadGrid1_PreRender" CellSpacing="0"
                DataSourceID="EntityDataSourceCustomers">--%>
                <MasterTableView runat="server" AutoGenerateColumns="False" TableLayout="Fixed" DataKeyNames="AssignmentID" DataSourceID="EntityDataSourceCustomers">
 
                    <PagerStyle PageSizeControlType="RadComboBox"></PagerStyle>
 
                    <HeaderStyle Width="120px" />
 
                    <CommandItemSettings ExportToPdfText="Export to PDF"></CommandItemSettings>
                     
                    <RowIndicatorColumn FilterControlAltText="Filter RowIndicator column"></RowIndicatorColumn>
 
                    <ExpandCollapseColumn Visible="True" FilterControlAltText="Filter ExpandColumn column"></ExpandCollapseColumn>
 
                    <Columns>
                        <telerik:GridEditCommandColumn UniqueName="Edit"></telerik:GridEditCommandColumn>
 
                 <telerik:GridBoundColumn DataField="AssignmentID" SortExpression="AssignmentID"
                    UniqueName="AssignmentID" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="JurisdictionCode" HeaderText="Jurisdiction Code" SortExpression="JurisdictionCode"
                    UniqueName="JurisdictionCode" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ObligationName" HeaderText="Obligation Name" SortExpression="ObligationName"
                    UniqueName="ObligationName" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="DevTeamLead" HeaderText="Dev Team Lead" SortExpression="DevTeamLead"
                    UniqueName="DevTeamLead" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Developer" HeaderText="Developer" SortExpression="Developer"
                    UniqueName="Developer" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="TestTeamLead" HeaderText="Test Team Lead" SortExpression="TestTeamLead"
                    UniqueName="TestTeamLead" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="DueDate" HeaderText="Due Date" SortExpression="DueDate"
                    UniqueName="DueDate" HeaderStyle-Width="160px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="FormsReceived" HeaderText="Forms Received" SortExpression="FormsReceived"
                    UniqueName="FormsReceived" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="EFileComplete" HeaderText="EFile Complete" SortExpression="EFileComplete"
                    UniqueName="EFileComplete" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="ESEXTStatus" HeaderText="ES-EXT Status" SortExpression="ESEXTStatus"
                    UniqueName="ESEXTStatus" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="SubmittalStatus" HeaderText="Submittal Status" SortExpression="SubmittalStatus"
                    UniqueName="SubmittalStatus" HeaderStyle-Width="120px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="Priority" HeaderText="Priority" SortExpression="Priority"
                    UniqueName="Priority" HeaderStyle-Width="70px" Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KeyDraftInNeedsAssignment" HeaderText="All Key Draft In and needs to be assigned" SortExpression="KeyDraftInNeedsAssignment"
                    UniqueName="KeyDraftInNeedsAssignment" HeaderStyle-Width="250px"  Visible="true">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="KeyFinalInNeedsAssignment" HeaderText="All Key Final In and needs to be assigned" SortExpression="KeyFinalInNeedsAssignment"
                    UniqueName="KeyFinalInNeedsAssignment" HeaderStyle-Width="250px" Visible="true">
                </telerik:GridBoundColumn>     
                        <telerik:GridButtonColumn text="delete" CommandName="Delete"></telerik:GridButtonColumn>
                    </Columns>
                    <EditFormSettings>
                        <EditColumn ButtonType="ImageButton" />
                    </EditFormSettings>
                </MasterTableView>
                <PagerStyle Mode="NextPrevAndNumeric" />
                <ClientSettings>
                    <Scrolling AllowScroll="true" UseStaticHeaders="True" SaveScrollPosition="True" ScrollHeight=""></Scrolling>
                </ClientSettings>
 
                <FilterMenu EnableImageSprites="False"></FilterMenu>
            </telerik:RadGrid>
0
Venelin
Telerik team
answered on 26 May 2013, 05:10 PM
RadGridUnableToSeeEditColumnEF2.zip
Hello Julian,

Once again your code works fine on my side.

I modified a bit the sample project and I was able to get the CommandItem at the top. Please find attached the updated version of the project and see if it helps you to track the issue.

I am looking forward to your answer.

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
danparker276
Top achievements
Rank 2
answered on 29 Jun 2013, 07:27 PM
I'm having sort of the same problem. When I changed my grid from paging to scroll with static headers and click the edit key, only part of the word update is shown and can I can't see cancel at all.   This is when EditMode is InPlace.  I've changed it to EditForms Edit Mode and I don't have any problems.  I don't really have time
<telerik:RadGrid ID="rgvActualDetails" ShowStatusBar="true" runat="server" AllowPaging="False"
    Height="400px"  Width="90%"
    AllowMultiRowEdit="False" AutoGenerateEditColumn="true"
    AutoGenerateDeleteColumn="true" 
 OnEditCommand="rgvActualDetails_EditCommand"
    OnDeleteCommand="rgvActualDetails_DeleteCommand"
     OnCancelCommand="rgvActualDetails_CancelCommand"
    ShowFooter="true"
    OnNeedDataSource="rgvActualDetails_NeedDataSource">
    <ClientSettings AllowKeyboardNavigation="true"  Resizing-AllowColumnResize="true"
         Scrolling-UseStaticHeaders="true" Scrolling-AllowScroll="true" EnablePostBackOnRowClick="true">
        <Selecting AllowRowSelect="true"></Selecting>
    </ClientSettings>
    <MasterTableView  AutoGenerateColumns="False" DataKeyNames="OrderId,ProductId"
         EditMode="InPlace"
       >
to debug this but, here is my client setttings:
0
Venelin
Telerik team
answered on 03 Jul 2013, 01:39 PM
Sample.zip
Hello Dan,

It seems that the problem comes from the Resizing-AllowColumnResize property when it is set to true in combination with AutoGenerateEditColumn="true" and AutoGenerateDeleteColumn="true". One way to avoid this behavior is to remove the last two properties (or set them to false) and add a GridEditCommandColumn after your columns in MasterTableView instead:

ASPX:

<telerik:GridEditCommandColumn UniqueName="EditCommandColumn"></telerik:GridEditCommandColumn>

In this manner you should be able to see both Update and Cancel options.

Please find attached a sample project that illustrates the approach.

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
danparker276
Top achievements
Rank 2
answered on 03 Jul 2013, 04:34 PM
I've noticed that my header columns are not aligned with my item columns when I set   Scrolling-UseStaticHeaders="true"   setting it to false fixes this, but I want static headers.  This happens with or without my edit buttons and on
<telerik:RadGrid ID="RadGrid2" ShowStatusBar="true" runat="server" AllowPaging="False"
    AutoGenerateEditColumn="false" AllowMultiRowEdit="False"
    AutoGenerateDeleteColumn="false"
    AllowAutomaticDeletes="True" AllowAutomaticUpdates="True"
    OnItemDeleted="RadGrid2_ItemDeleted" ShowFooter="true"
    OnItemUpdated="RadGrid2_ItemUpdated"
    DataSourceID="SqlDataSource2">
    <ClientSettings AllowKeyboardNavigation="true" Resizing-AllowColumnResize="false"
        Scrolling-UseStaticHeaders="true" Scrolling-AllowScroll="true" EnablePostBackOnRowClick="true">
        <Selecting AllowRowSelect="true"></Selecting>
    </ClientSettings>
    <MasterTableView Width="100%" AutoGenerateColumns="False" DataKeyNames="OrderId,ProductId"
        DataSourceID="SqlDataSource2">
        <Columns>
other grids as well


0
Venelin
Telerik team
answered on 04 Jul 2013, 10:22 AM
Sample.zip
Hello Dan,

The given code works as expected on my side. Please provide more information on your scenario and let me know if I am missing something.

I'm also attaching a sample project with your code where a misalignment is not appearing, please give it a try and see what are the differences with your real case.

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
danparker276
Top achievements
Rank 2
answered on 05 Jul 2013, 10:10 PM
badheader.jpg
I tried for a long time to reproduce the problem, but I couldn't.  I'm not sure what's different about my website.  I did narrow it down so that it only happens when I don't set the header width of 1 of the columns.  If I manually set the header widths it works, but that's not good for re sizing.
0
Venelin
Telerik team
answered on 08 Jul 2013, 08:47 AM
Hello Dan,

Could you please check in your browser console if a javascript error is not thrown, because this is one possible situation where misalignment can appear?

Also, can you specify which version of the controls do you use, this will help to better track the issue?

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
danparker276
Top achievements
Rank 2
answered on 08 Jul 2013, 05:15 PM
no javascript errors.  Also, this is only happening on many different versions of IE, but Chrome is ok.

My version is 2013.1.220.40

0
Venelin
Telerik team
answered on 11 Jul 2013, 10:52 AM
Hello Dan,

I'm still not able to reproduce the problem with version 2013.1.220,the provided code is very generic and there is nothing wrong in it. If  possible, could you provide a live URL so we can try to track the issue. If not, could you please elaborate more by giving more details on the issue. When you see the misalignment, when the grid is rendered for the first time or after resizing or scrolling?

Another option is to try to upgrade to more recent version and see if the issue persists.

I'm looking forward to your reply.

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
danparker276
Top achievements
Rank 2
answered on 13 Jul 2013, 12:45 AM
When I took my grid out of the masterpage in my project it was ok.  I've tried to reproduce this with a masterpage in a sample project, but could not.  I copied all the styles and everything, but I wasn't able to get the misalignment.  I can't really give you a link to the site because of the data though.  It's not that big a deal, since most people using this, use chrome and it's not a very large application.  Maybe it will be fixed when I update versions.  Still it's not that big of an issue.  I could probably give you a page source if that would help
0
Venelin
Telerik team
answered on 17 Jul 2013, 02:37 PM
Hi Dan,

It would be better if you open a support ticket and send your code in it. Also you can include the description of the steps that are required to reproduce the issue. For example if you get the misalignment in your project after resizing the grid or after scrolling to further right you can specify these details.

I am looking forward to your reply.

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
danparker276
Top achievements
Rank 2
answered on 20 Jul 2013, 11:24 PM
I found out what causes it.  If I set my image height to 50 the columns are not aligned.  when I set it to 20, everything is ok.
<telerik:GridTemplateColumn HeaderText="Image" UniqueName="Imaged1">
    <HeaderStyle Width="100px" />
    <ItemTemplate>
        <asp:HyperLink ID="targetControl" runat="server" NavigateUrl="#">
            <asp:Image ID="imgFront" Height="20px" runat="server" AlternateText="Front"
                ImageUrl='<%# Eval("ImgFrontId", "~/StreamImage.ashx?imageID={0}&thumb=Y") %>'
                ImageAlign="Middle" />
        </asp:HyperLink>
    </ItemTemplate>
</telerik:GridTemplateColumn>
I'll try to isolate it in some sample code later.
0
Venelin
Telerik team
answered on 25 Jul 2013, 08:01 AM
Hello Dan,

With the provided new information I was able to replicate the issue but only in IE7 due to its wrong box-model.

The problem is fixed in the latest version of the controls.

Please try to upgrade and check if the issue persists.

Regards,
Venelin
Telerik
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to the blog feed now.
0
danparker276
Top achievements
Rank 2
answered on 13 Nov 2013, 06:18 AM
Just a FYI, the updated version of the controls fixes this problem.
Tags
Grid
Asked by
Julian
Top achievements
Rank 1
Answers by
Venelin
Telerik team
Julian
Top achievements
Rank 1
danparker276
Top achievements
Rank 2
Share this question
or