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

Radgrid Freeze column not working when keyboard navigation is used

9 Answers 44 Views
Upload (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Kishor
Top achievements
Rank 2
Kishor asked on 17 Sep 2014, 12:51 PM

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

9 Answers, 1 is accepted

Sort by
0
Konstantin Dikov
Telerik team
answered on 20 Sep 2014, 04:27 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Kishor
Top achievements
Rank 2
answered on 22 Sep 2014, 11:26 AM
hi Konstantin


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


thanks
kishor
0
Konstantin Dikov
Telerik team
answered on 25 Sep 2014, 11:32 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Kishor
Top achievements
Rank 2
answered on 25 Sep 2014, 12:19 PM
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>
0
Konstantin Dikov
Telerik team
answered on 25 Sep 2014, 01:57 PM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Kishor
Top achievements
Rank 2
answered on 26 Sep 2014, 03:35 AM
Hello konstantin

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

thanks

0
Konstantin Dikov
Telerik team
answered on 30 Sep 2014, 08:09 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
0
Kishor
Top achievements
Rank 2
answered on 30 Sep 2014, 09:15 AM
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>
0
Konstantin Dikov
Telerik team
answered on 30 Sep 2014, 09:50 AM
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
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Upload (Obsolete)
Asked by
Kishor
Top achievements
Rank 2
Answers by
Konstantin Dikov
Telerik team
Kishor
Top achievements
Rank 2
Share this question
or