Hi,
I am having a very weird problem with the Radgrid styling.
I switched on the RowHoverStyle of the grid recently.
The hover style is fine for all rows(Where all text shift left by about 1 pixel) except for the first row where the grid text as well as all the rows below it shifts leftwards by a very large margin.
pasted below is my grid
<rad:RadGrid ID="grid" runat="server" Skin="<%$ Resources:GlobalResources, TELERIK_SKIN %>"
PageSize="<%$ Resources:GlobalResources, GRID_PAGE_SIZE_DATA_EXTRACTS %>" GridLines="None"
AllowPaging="true" Width="975px" AllowFilteringByColumn="true">
<AlternatingItemStyle Width="100%" Wrap="false" BackColor="<%$ Resources:GlobalResources, ALTERNATING_ROW_COLOR_MASTER %>" />
<MasterTableView AllowMultiColumnSorting="True" Width="959px" ItemStyle-Wrap="false">
<Columns>
<rad:GridBoundColumn DataField="PARENT" HeaderText="PARENT" SortExpression="PARENT"
HeaderStyle-Width="80px" UniqueName="PARENT" FilterControlWidth="52px">
<ItemStyle Wrap="false" Width="100%" />
</rad:GridBoundColumn>
<%--25 more columns here --%>
</Columns>
</MasterTableView>
<PagerStyle Mode="<%$ Resources:GlobalResources, PAGER_STYLE_MODE %>" AlwaysVisible="true" />
<ClientSettings EnableRowHoverStyle="true" EnableAlternatingItems="true">
<Resizing AllowColumnResize="True" EnableRealTimeResize="false" AllowRowResize="false" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>
</rad:RadGrid>
There's also some UI problem at the end of the grid.If I scroll over to the end of the grid using the horizontal scroll it looks like many columns have been overlapped together.even though all the grid columns specified in the above grid are visible on screen.
Can you help me out?
I am having a very weird problem with the Radgrid styling.
I switched on the RowHoverStyle of the grid recently.
The hover style is fine for all rows(Where all text shift left by about 1 pixel) except for the first row where the grid text as well as all the rows below it shifts leftwards by a very large margin.
pasted below is my grid
<rad:RadGrid ID="grid" runat="server" Skin="<%$ Resources:GlobalResources, TELERIK_SKIN %>"
PageSize="<%$ Resources:GlobalResources, GRID_PAGE_SIZE_DATA_EXTRACTS %>" GridLines="None"
AllowPaging="true" Width="975px" AllowFilteringByColumn="true">
<AlternatingItemStyle Width="100%" Wrap="false" BackColor="<%$ Resources:GlobalResources, ALTERNATING_ROW_COLOR_MASTER %>" />
<MasterTableView AllowMultiColumnSorting="True" Width="959px" ItemStyle-Wrap="false">
<Columns>
<rad:GridBoundColumn DataField="PARENT" HeaderText="PARENT" SortExpression="PARENT"
HeaderStyle-Width="80px" UniqueName="PARENT" FilterControlWidth="52px">
<ItemStyle Wrap="false" Width="100%" />
</rad:GridBoundColumn>
<%--25 more columns here --%>
</Columns>
</MasterTableView>
<PagerStyle Mode="<%$ Resources:GlobalResources, PAGER_STYLE_MODE %>" AlwaysVisible="true" />
<ClientSettings EnableRowHoverStyle="true" EnableAlternatingItems="true">
<Resizing AllowColumnResize="True" EnableRealTimeResize="false" AllowRowResize="false" />
<Scrolling AllowScroll="True" UseStaticHeaders="True" />
</ClientSettings>
</rad:RadGrid>
There's also some UI problem at the end of the grid.If I scroll over to the end of the grid using the horizontal scroll it looks like many columns have been overlapped together.even though all the grid columns specified in the above grid are visible on screen.
Can you help me out?
1 Answer, 1 is accepted
0
Hi varun,
There are some things, which are not very clear about your scenario, for example the RadGrid version and full columns specification, so you may need to open a regular support ticket and send us a complete runnable web page, e.g. with a dummy datasource for the RadGrid.
Here is some preliminary information, based on the provided code snippet:
- ItemStyle-Width and AlternatingItemStyle-Width should not be used out of a column context
- HeaderStyle-Width and ItemStyle-Width should not be set to 100%
- column widths should be set by using HeaderStyle-Width only
In addition, the RadGrid content should not move (shift) during hover - maybe you have customized the RadGrid CSS in order to achieve this, but this could lead to unexpected side effects.
Kind regards,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.
There are some things, which are not very clear about your scenario, for example the RadGrid version and full columns specification, so you may need to open a regular support ticket and send us a complete runnable web page, e.g. with a dummy datasource for the RadGrid.
Here is some preliminary information, based on the provided code snippet:
- ItemStyle-Width and AlternatingItemStyle-Width should not be used out of a column context
- HeaderStyle-Width and ItemStyle-Width should not be set to 100%
- column widths should be set by using HeaderStyle-Width only
In addition, the RadGrid content should not move (shift) during hover - maybe you have customized the RadGrid CSS in order to achieve this, but this could lead to unexpected side effects.
Kind regards,
Dimo
the Telerik team
Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.