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

gridview column header move

1 Answer 128 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Ghada
Top achievements
Rank 1
Ghada asked on 24 Apr 2012, 08:36 AM
Hello

we use Asp.net ajax gridview our grid view are translated to Arabic , sometimes after clicking a button in the page or sorting the gridview , the coulmn header direction are changed and it didn't return to it's place untill you move the cursor above it , please check the attached image.

1 Answer, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 26 Apr 2012, 02:27 PM
Ghada:

This appears to be caused by a CSS problem. If you reference the documentation page: Right-to-left support, it states that in order to set right-to-left-support for the RadGrid, you merely need to set the Dir property for the MasterTableView/GridTableViews to RTL.
<telerik:RadGrid ID="RadGrid1" DataSourceID="SqlDataSource1" runat="server" Width="97%" AllowPaging="True"
  PageSize="12" AllowSorting="True" ShowGroupPanel="True" AutoGenerateColumns="False"
  GridLines="none" AllowFilteringByColumn="true">
  <PagerStyle Mode="NextPrevNumericAndAdvanced"></PagerStyle>
  <MasterTableView Width="100%" Dir="RTL">

And, in the online demo, it states: RadGrid renders RadGridRTL_SkinName class when placed in element with dir set to "rtl". This further facilitates skinning RadGrid and providing RTL specific settings.

The documentation page notes that "All predefined grid skins (shipped with the grid installation) are optimized to work in RTL mode."

So, if you are using a custom skin, this might be causing the problem.

I hope this helps.

Tags
Grid
Asked by
Ghada
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
Share this question
or