Radgrid Freeze column not working when keyboard navigation is used

[Kishor]

I have first two columns of radgrid freezed (as shown in img one).
I have grid with almost 50 columns which contains textboxes, so when i navigate using keyboard tab the freeze columns get hide and also alignment of columns gets disturbed (as shown in img two).
it work fine when i use mouse to navigate.

please help to solve this problem because it severe proble my client is facing.



thanks
Kishor Dange

[Konstantin Dikov]

Hello Kishor,

I have tested such scenario on my end with latest version on our controls and I was unable to observe the issue that you are describing.

Could you please elaborate which version of the controls you are using. Additionally, please ensure that there are no JavaScript errors present on the page (by inspecting your browser's console), which could prevent the proper work of the control. 

I am looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

 

 

[Kishor]

hi Konstantin


can you please send me the demo code so that i can compare it with my code


thanks
kishor

[Konstantin Dikov]

Hello Sawan,

Following is the sample that I have tested on my end:

<telerik:RadGrid runat="server" ID="RadGrid1" Width="400px" OnNeedDataSource="RadGrid_NeedDataSource"
    AllowMultiRowEdit="true" OnPreRender="RadGrid1_PreRender">
    <MasterTableView EditMode="InPlace"></MasterTableView>
    <ClientSettings>
        <Scrolling AllowScroll="true" UseStaticHeaders="true" FrozenColumnsCount="2" />
    </ClientSettings>
</telerik:RadGrid>

And the code-behind:

protected void RadGrid_NeedDataSource(object sender, GridNeedDataSourceEventArgs e)
{
    DataTable table = new DataTable();

    for (int i = 0; i < 50; i++)
    {
        table.Columns.Add("Column" + i, typeof(int));
    }


    for (int i = 0; i < 5; i++)
    {
        table.Rows.Add();
        for (int col = 0; col < 50; col++)
        {
            table.Rows[i]["Column" + col] = "0";
        }
    }

    (sender as RadGrid).DataSource = table;
}

protected void RadGrid1_PreRender(object sender, EventArgs e)
{
    if (!Page.IsPostBack)
    {
        foreach (GridDataItem item in RadGrid1.Items)
        {
            item.Edit = true;
        }

        RadGrid1.Rebind();
    }
}

If the above does not work on your end, please share what version of our controls you are using and in which browser/s the issue is observed.


Regards,
Konstantin Dikov
Telerik

 

 

[Kishor]

Following is my code
It works when I scrollw with mouse but not work when I navigate using tab key

<telerik:RadGrid ID="gdConsarc"  Skin ="Sunset" runat="server" Width ="1200px"    >

  

<MasterTableView CommandItemDisplay="None" ShowFooter ="true"  AutoGenerateColumns="False" Width="1200px" TableLayout="Fixed"    >

       

                    <Columns>

  

<telerik:GridButtonColumn HeaderStyle-Font-Bold ="true" Visible ="false"  CommandName="UpdateRow" HeaderStyle-Width ="50px"

                           ButtonType="ImageButton"  Text="Edit" ImageUrl ="images/icon/Edit-72.png"

                           UniqueName="EditCommandColumn" HeaderText ="Edit"  >

                           <ItemStyle HorizontalAlign ="Left" Width ="50px" />

                 </telerik:GridButtonColumn>

                   

                  <telerik:GridTemplateColumn HeaderText="ID" Visible ="false" HeaderStyle-Font-Bold ="true" UniqueName="ID" HeaderStyle-Font-Size ="14px"  HeaderStyle-Width ="20px" >

                       <ItemTemplate>

                                <asp:Label ID="lblProductID" runat="server" Font-Size ="14px" Font-Bold ="true" Width ="20px" ></asp:Label>

                       </ItemTemplate>

                        <ItemStyle HorizontalAlign ="Left" Width ="20px" />

                           

                  </telerik:GridTemplateColumn>

  

                  <telerik:GridTemplateColumn HeaderText="Sr." HeaderStyle-Width ="40px" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px" HeaderStyle-Font-Bold ="true" UniqueName="Sr">

                   

                   <ItemTemplate>

                              <asp:Label ID="txtSr" runat="server" Font-Size ="14px" Font-Bold ="true" Width ="40px" ></asp:Label>

                   </ItemTemplate>

                      

                   <ItemStyle HorizontalAlign ="Center" />

                    

                  

                 </telerik:GridTemplateColumn>

  

             

                  <telerik:GridTemplateColumn HeaderText="Products"  HeaderStyle-Font-Bold ="true" UniqueName="Products" HeaderStyle-Font-Size ="14px"  HeaderStyle-Width ="200px" >

                       <ItemTemplate>

                                <asp:Label ID="lblproduct" runat="server" Font-Size ="14px" Font-Bold ="true" Width ="200px" ></asp:Label>

                       </ItemTemplate>

                        <ItemStyle HorizontalAlign ="Left" Width ="200px" />

                           

                  </telerik:GridTemplateColumn>

  

                                               

                  <telerik:GridTemplateColumn HeaderText="Afghanistan"    Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px"  HeaderStyle-Font-Bold ="true" UniqueName="1" >

                         

                       <ItemTemplate>

                                <telerik:RadNumericTextBox ID="txt1"  MaxLength ="15" MinValue ="0" Width ="100px" runat="server" Font-Size ="14px" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  >

                                 <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                 

                                    <EnabledStyle HorizontalAlign="Right" />

                                </telerik:RadNumericTextBox>

                       </ItemTemplate>

  

                        <ItemStyle HorizontalAlign ="Center" />

                         

                        <FooterTemplate>

                              

                            <table>

                                <tr>

                                   <td style ="border-color :Transparent" >

                                       <telerik:RadNumericTextBox ID="txtf1"  BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true"  IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton1" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='1,1' runat="server" ImageAlign="Right"  />

                                    </td>

                                </tr>

                            </table>

                            

                           </FooterTemplate>

  

                           <FooterStyle HorizontalAlign ="Center"  />

                         

                 </telerik:GridTemplateColumn>

                                    

                  <telerik:GridTemplateColumn HeaderText="Albania" Visible ="false"  HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px"  HeaderStyle-Font-Bold ="true" UniqueName="2">

                    <ItemTemplate>

                            <telerik:RadNumericTextBox ID="txt2"  Width ="100px" MinValue="0" MaxLength ="15"  Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0"   IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                            <NumberFormat AllowRounding="false" DecimalDigits="10" />

                              

                              <EnabledStyle HorizontalAlign="Right" />

                            </telerik:RadNumericTextBox>

                    </ItemTemplate>

                     <ItemStyle HorizontalAlign ="Center" />

                      

                    <FooterTemplate>

                             <table >

                                <tr>

                                    <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf2" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                    <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton2" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='2,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                      </FooterTemplate>

                        

                       <FooterStyle HorizontalAlign ="Center"  />

                  

                      

                 </telerik:GridTemplateColumn>

                       

                  <telerik:GridTemplateColumn HeaderText="Algeria" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px"  HeaderStyle-Font-Bold ="true" UniqueName="3">

                   <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt3" Width ="100px" MinValue="0" MaxLength ="15"  Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                        

                           <EnabledStyle HorizontalAlign="Right" />

                            

                        </telerik:RadNumericTextBox>

                          

                   </ItemTemplate>

                     

                   <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                             <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf3" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton3" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='3,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                     </FooterTemplate>

                        <FooterStyle HorizontalAlign ="Center" />

                      

                     

                 </telerik:GridTemplateColumn>

                         

                  <telerik:GridTemplateColumn HeaderText="American Samoa" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px" HeaderStyle-Font-Bold ="true" UniqueName="4">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt4" Width ="100px" MinValue="0" MaxLength ="15"  Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                          

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                             <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf4" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton4" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='4,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                      </FooterTemplate>

                     <FooterStyle HorizontalAlign ="Center" />

                      

                     

                 </telerik:GridTemplateColumn>

                  

                  <telerik:GridTemplateColumn HeaderText="Angola" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px"  HeaderStyle-Font-Bold ="true" UniqueName="5">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt5" Width ="100px" MaxLength ="15" MinValue="0" Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                         

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                         <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf5" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton5" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='5,1' runat="server" ImageAlign="Right" />

                                    </td>

  

                                </tr>

  

                           </table>

                     </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                             

                 </telerik:GridTemplateColumn>

                                   

                  <telerik:GridTemplateColumn HeaderText="Anguilla" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px"   HeaderStyle-Font-Bold ="true" UniqueName="6">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt6" Width ="100px" MaxLength ="15" MinValue="0" Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                         

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                          <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf6" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton6" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='6,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                     </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                     

                     

                 </telerik:GridTemplateColumn>

                                   

                  <telerik:GridTemplateColumn HeaderText="Antartica" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px"  HeaderStyle-Font-Bold ="true" UniqueName="7">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt7" Width ="100px" MaxLength ="15" MinValue="0" Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                         

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                            <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf7" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton7" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='7,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                           </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                      

                 </telerik:GridTemplateColumn>

                  

                  <telerik:GridTemplateColumn HeaderText="Antigua & Barbuda" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px" HeaderStyle-Font-Bold ="true" UniqueName="8">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt8" Width ="100px" MaxLength ="15" MinValue="0" Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                         

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                            <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf8" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton8" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='8,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                      </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                     

                 </telerik:GridTemplateColumn>

                  

                  <telerik:GridTemplateColumn HeaderText="Argentina" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px" HeaderStyle-Font-Bold ="true" UniqueName="9">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt9" Width ="100px" MaxLength ="15" MinValue="0" Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                      

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                              <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf9" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton9" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;" CommandArgument='9,1' runat="server" ImageAlign="Right"  />

                                    </td>

  

                                </tr>

  

                           </table>

                      </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                      

                 </telerik:GridTemplateColumn>

                                   

                  <telerik:GridTemplateColumn HeaderText="Armenia" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px"  HeaderStyle-Font-Bold ="true" UniqueName="10">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt10" Width ="100px" MinValue="0" MaxLength ="15"  Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                               <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                             <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf10" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton10" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='10,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                      </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                      

                 </telerik:GridTemplateColumn>

                                   

                  <telerik:GridTemplateColumn HeaderText="Aruba" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px" HeaderStyle-Font-Bold ="true" UniqueName="11">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt11" Width ="100px" MinValue="0" MaxLength ="15"  Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                      

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                          <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf11" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton11" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='11,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                      </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                     

                 </telerik:GridTemplateColumn>

                   

                  <telerik:GridTemplateColumn HeaderText="Ashmore Cartier Island" Visible ="false" HeaderStyle-HorizontalAlign ="Center" HeaderStyle-Font-Size ="14px" HeaderStyle-Font-Bold ="true" UniqueName="12">

                    <ItemTemplate>

                        <telerik:RadNumericTextBox ID="txt12" Width ="100px" MinValue="0" MaxLength ="15"  Font-Size ="14px" runat="server" CssClass ="RightAligned " Value ="0" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false" >

                         <NumberFormat AllowRounding="false" DecimalDigits="10" />

                       

                           <EnabledStyle HorizontalAlign="Right" />

                        </telerik:RadNumericTextBox>

                   </ItemTemplate>

                    <ItemStyle HorizontalAlign ="Center" />

                     

                   <FooterTemplate>

                           <table >

                                <tr>

                                   <td style ="border-color :Transparent">

                                       <telerik:RadNumericTextBox ID="txtf12" BorderWidth ="0px" BackColor ="Transparent" ReadOnly ="true" IncrementSettings-InterceptArrowKeys="false" IncrementSettings-InterceptMouseWheel ="false"  BorderColor ="White" Font-Size ="14px" Font-Bold ="true" MaxLength ="15" Width ="100px" runat="server">

                                         <EnabledStyle HorizontalAlign="Right" />

                                          <NumberFormat AllowRounding="false" DecimalDigits="10" />

                                       </telerik:RadNumericTextBox>

                                    </td>

  

                                </tr>

  

                                <tr>

  

                                   <td style ="border-color :Transparent">

                                         <asp:ImageButton ID="ImageButton12" ImageUrl="../_layouts/15/images/delete.GIF" OnClick="Button1_Click" OnClientClick="confirmAspButton(this); return false;"   CommandArgument='12,1' runat="server" ImageAlign="Right"    />

                                    </td>

  

                                </tr>

  

                           </table>

                     </FooterTemplate> <FooterStyle HorizontalAlign ="Center" />

                    

                 </telerik:GridTemplateColumn>

  

</Columns>

  

 <ClientSettings ClientEvents-OnKeyPress="keyPress" AllowKeyboardNavigation="true"  EnableRowHoverStyle="true"  >

                    <ClientEvents OnGridCreated="GridCreated" />

                  <Selecting AllowRowSelect ="true" />

                     <Resizing AllowColumnResize="True" EnableRealTimeResize="True" ResizeGridOnColumnResize="True" />

                    <Scrolling AllowScroll="True" UseStaticHeaders="True" ScrollHeight ="600px" SaveScrollPosition="true" FrozenColumnsCount="2"></Scrolling>

             </ClientSettings>

  

              <HeaderStyle Width="130px"></HeaderStyle>

                             </telerik:RadGrid>

[Konstantin Dikov]

Hi Sawan,

Can you please answer to the questions that I have asked in my previous post:

• Which version of the controls you are using?
• Is the issue observed in all browsers?
• Are there any JavaScript errors on the page when you press the TAB key (you can check this in your browser's console)?

I am looking forward to your reply.


Regards,
Konstantin Dikov
Telerik

 

 

[Kishor]

Hello konstantin

I am using Telerik    2012.2.912.40 version
this issue is observe in all browsers.
there are no browser errors.

thanks

[Konstantin Dikov]

Hi Sawan,

I have tested your RadGrid settings locally with version 2012.2 912, but I am not able to observe the misaligned column headers issue on my end. 

Nevertheless, I have noticed that you are handling the client-side OnKeyPress and OnGridCreated events of RadGrid. Can you please provide the logic inside those two events, so I can examine if there is something causing the issue there. 

Additionally, can you please try the same page with our latest version and see if there is any difference in the behavior on your end.

I am looking forward to your reply.



Regards,
Konstantin Dikov
Telerik

 

 

[Kishor]

OnkeyPress event is use to disable enter key


<script type="text/javascript">

                  function GridCreated(sender, args) {

                      var scrollArea = sender.GridDataDiv;

                      var dataHeight = sender.get_masterTableView().get_element().clientHeight; if (dataHeight < 600) {

                          scrollArea.style.height = dataHeight + 16 + "px";

                      }

                  }

 

             

 

function OnKeyPress1(sender, eventArgs) {

 

                       if (eventArgs.get_keyCode() == 13) {

                          

 

                          eventArgs.set_cancel(true)

                       }

             


                   }

 

 

             </script>

[Konstantin Dikov]

Hi Sawan,

In your RadGrid settings you are setting a handler for the OnKeyPress event to "keyPress" function, but in the code snippet in last post, the function name is "OnKeyPress1":

ClientEvents-OnKeyPress="keyPress"

The above will throw a JavaScript error, which will break the functionality of the control. You can confirm this by opening your browser's console (by pressing F12 and moving to your Console tab).

Please change the handler or the function name accordingly and see if you still get the same behavior.


Regards,
Konstantin Dikov
Telerik