Radgrid GridEditCommandColumn scroll issue

[Sanjana]

Hi Telerik Team,

I'm using Radgrid with EditCommandColumn in WUC, On click of "Edit" link one control becomes editable with update/cancel buttons and when I scroll the grid, the position of the editable control moves out. please see attachment. Can you please help me out with this issue. - Thanks

Telerik version - Q1 2012

Code in WebUserControl1.ascx -

<telerik:RadGrid ID="Radgrid1" runat="server" AutoGenerateColumns="false" Skin="Office2007" Style="position: static;">          
            <MasterTableView Width="100%" AutoGenerateColumns="false" NoMasterRecordsText="No records meet search criteria."
                TableLayout="Fixed" ShowHeadersWhenNoRecords="true" CommandItemDisplay="TopAndBottom" AllowSorting="true" CellSpacing="0"
                CellPadding="0" Font-Size="8" GridLines="Both" HeaderStyle-HorizontalAlign="Center" EditMode="InPlace" >
               
                <CommandItemSettings ShowExportToExcelButton="true" ShowAddNewRecordButton="false" ShowRefreshButton="false" />
                <Columns>
                   <telerik:GridBoundColumn HeaderText="Emp Id" DataField="EmpId" UniqueName="EmpId" ReadOnly="true">
                        <HeaderStyle Width="140" />
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn HeaderText="Emp Name" DataField="EmpName" UniqueName="EmpName" ReadOnly="true">
                    </telerik:GridBoundColumn>
                    <telerik:GridBoundColumn HeaderText="Address" DataField="Address" UniqueName="Address" ReadOnly="true">
                      <HeaderStyle Width="150" />
                    </telerik:GridBoundColumn>
                    <telerik:GridNumericColumn DataField="Salary" DataType="System.Decimal" NumericType="Currency"
                        HeaderText="Salary" DataFormatString="{0:C}">
                        <HeaderStyle Width="170" />
                    </telerik:GridNumericColumn>
                    <telerik:GridEditCommandColumn InsertImageUrl="~/Images/Edit.gif" HeaderText="Action" ButtonType="ImageButton"     UniqueName="EditCommandColumn" >
                        <HeaderStyle Width="80" />
                    </telerik:GridEditCommandColumn>
                </Columns>
            </MasterTableView>       
                 <ClientSettings EnablePostBackOnRowClick="true" EnableRowHoverStyle="true" ReorderColumnsOnClient="false"  AllowColumnsReorder="false">
                    <Selecting AllowRowSelect="false" />
                    <Scrolling AllowScroll="true" UseStaticHeaders="true"  />
                    <Resizing AllowColumnResize="True" ClipCellContentOnResize="true" EnableRealTimeResize="true" ResizeGridOnColumnResize="true" />
                </ClientSettings>
</telerik:RadGrid>

[Kostadin]

Hello Sanjana,

You can use the following CSS rule to fix the issue with the static TextBox controls.

<style>
    .rgDataDiv {
        position:relative;
    }
</style>

Regards,
Kostadin
Telerik

 

 

[Sanjana]

Thanks Kostadin, its working fine.