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

19 posts, 0 answers
  1. Julian
    Julian avatar
    30 posts
    Member since:
    Sep 2010

    Posted 17 May 2013 Link to this post

    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,

  2. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 22 May 2013 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Julian
    Julian avatar
    30 posts
    Member since:
    Sep 2010

    Posted 22 May 2013 Link to this post

    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.
  5. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 22 May 2013 Link to this post

    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.
  6. Julian
    Julian avatar
    30 posts
    Member since:
    Sep 2010

    Posted 23 May 2013 Link to this post

    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>
  7. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 26 May 2013 Link to this post

    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.
  8. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 29 Jun 2013 Link to this post

    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:
  9. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 03 Jul 2013 Link to this post

    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.
  10. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 03 Jul 2013 Link to this post

    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


  11. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 04 Jul 2013 Link to this post

    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.
  12. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 05 Jul 2013 Link to this post

    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.
  13. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 08 Jul 2013 Link to this post

    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.
  14. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 08 Jul 2013 Link to this post

    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

  15. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 11 Jul 2013 Link to this post

    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.
  16. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 12 Jul 2013 Link to this post

    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
  17. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 17 Jul 2013 Link to this post

    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.
  18. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 20 Jul 2013 Link to this post

    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.
  19. Venelin
    Admin
    Venelin avatar
    352 posts

    Posted 25 Jul 2013 Link to this post

    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.
  20. danparker276
    danparker276 avatar
    389 posts
    Member since:
    Aug 2010

    Posted 13 Nov 2013 Link to this post

    Just a FYI, the updated version of the controls fixes this problem.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017