Radgrid Freeze column not working when keyboard navigation is used

Thread is closed for posting
10 posts, 0 answers
  1. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 17 Sep 2014 Link to this post


    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
  2. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 20 Sep 2014 Link to this post

    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.

     
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 22 Sep 2014 in reply to Konstantin Dikov Link to this post

    hi Konstantin


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


    thanks
    kishor
  5. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 25 Sep 2014 Link to this post

    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.

     
  6. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 25 Sep 2014 in reply to Konstantin Dikov Link to this post

    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>
  7. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 25 Sep 2014 Link to this post

    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.

     
  8. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 25 Sep 2014 in reply to Konstantin Dikov Link to this post

    Hello konstantin

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

    thanks

  9. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 30 Sep 2014 Link to this post

    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.

     
  10. Kishor
    Kishor avatar
    82 posts
    Member since:
    Oct 2012

    Posted 30 Sep 2014 in reply to Konstantin Dikov Link to this post

    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>
  11. Konstantin Dikov
    Admin
    Konstantin Dikov avatar
    1796 posts

    Posted 30 Sep 2014 Link to this post

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017