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

there is a shift between the header and the columns

3 Answers 68 Views
Grid
This is a migrated thread and some comments may be shown as answers.
haim
Top achievements
Rank 1
haim asked on 27 Jul 2010, 08:07 AM
when i use the grid with with scroll that the headrer is static  "<Scrolling AllowScroll="true" UseStaticHeaders="true" />"
there is a shift between the header and the data  columns .
i use "RTL" language  and my telerik version is  "2009.1.402.20"  and the runtime version is "v2.0.50727".
when i remove the  UseStaticHeaders="true"  everything work fine, and it also work good with IE7.

here is an example code of my problem :

<%@ Page Language="C#" AutoEventWireup="true"    CodeBehind="Default.aspx.cs" Inherits="WebApplication1._Default" %>
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">

<html xmlns="http://www.w3.org/1999/xhtml" >
<head runat="server">
    <title></title>
    <telerik:RadCodeBlock id="rcb" runat="server">
      <script type="text/javascript" language="javascript">
    function pageLoad() {
   // if ($telerik.isIE7 || $telerik.isIE6)
   //          document.body.setAttribute('dir', 'rtl');
     //   var arr = document.getElementById("<%=gvToDoList.ClientID%>");
       
}
  </script>
 </telerik:RadCodeBlock>
</head>
<body  dir="rtl"  >
    <form id="form1" runat="server"  >
   
    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" />
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" >
            <AjaxSettings>
               <telerik:AjaxSetting AjaxControlID="gvToDoList">
                <UpdatedControls>
                    <telerik:AjaxUpdatedControl ControlID="gvToDoList"  LoadingPanelID="RadAjaxLoadingPanel1"/>
                </UpdatedControls>
            </telerik:AjaxSetting>
            </AjaxSettings>
        </telerik:RadAjaxManager>
       
               <telerik:RadGrid ID="gvToDoList" Skin="Office2007" runat="server"
                            BorderStyle="Solid" BorderWidth="1px" AllowSorting="True" Width="100%" Height="400px" CellSpacing="1"
                       AllowFilteringByColumn="True"  AllowPaging="True" PageSize="25"   EnableAJAX="True" ShowStatusBar="True"    AutoGenerateColumns="False" meta:resourcekey="gvToDoListResource1">
                              <MasterTableView AutoGenerateColumns="false" EditMode="InPlace" AllowFilteringByColumn="True" 
                    >
                                <Columns>
                                   
                                   
                                    
                                    <telerik:GridBoundColumn    HeaderStyle-Width="100PX" FilterListOptions="VaryByDataTypeAllowCustom"    FilterControlWidth="70px"   DataField="candName" AllowSorting="true" SortExpression="candName"
                                        HeaderText="candName"   >
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn   HeaderStyle-Width="100PX"  FilterControlWidth="70px"   AllowSorting="true" DataField="JobName" SortExpression="JobName"
                                        HeaderText="JobName" meta:resourcekey="BoundFieldResource2">
                                    </telerik:GridBoundColumn>
                                    <telerik:GridBoundColumn HeaderStyle-Width="100PX"  FilterControlWidth="70px"   AllowSorting="false" DataField="VacancyName" HeaderText="VacancyName "
                                        >
                                    </telerik:GridBoundColumn>
                                    
                                </Columns>
                            </MasterTableView>
                            <ClientSettings >
                                <Selecting AllowRowSelect="true"  />
                                <Scrolling AllowScroll="true" UseStaticHeaders="true"  ></Scrolling>
                            </ClientSettings>
                             <PagerStyle Mode="NextPrevAndNumeric"     VerticalAlign="Top" Height="40px"     PagerTextFormat="" />
                          
                        </telerik:RadGrid>
                     
               <telerik:RadAjaxLoadingPanel HorizontalAlign="Center" valign="middle"   Transparency="50"    ID="RadAjaxLoadingPanel1" runat="server">
             </telerik:RadAjaxLoadingPanel>
    
    </form>
</body>
</html>




Thanks

3 Answers, 1 is accepted

Sort by
0
Diego
Top achievements
Rank 1
answered on 01 Aug 2010, 09:32 PM
My suggestions
1. Attach a screenshot before you are asked to do so
2. Try the latest and greatest version before you are asked to do so
0
duheng
Top achievements
Rank 1
answered on 09 Aug 2010, 04:37 PM
Hi Haim,

Do you still have this problem? I have the same problem too. In case you've solved it, would you mind posting your ideas here? Thanks.

Best regards,
Heng
0
Dimo
Telerik team
answered on 11 Aug 2010, 10:28 AM
Hi Haim,

Please use the following approach:

http://www.telerik.com/community/forums/aspnet/grid/radgrid-with-rtl-direction-issues.aspx#1260485


Kind regards,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
Tags
Grid
Asked by
haim
Top achievements
Rank 1
Answers by
Diego
Top achievements
Rank 1
duheng
Top achievements
Rank 1
Dimo
Telerik team
Share this question
or