Hi,
I have a rad grid placed in a div so that it sits on the left hand side of the page. The grid displays a list of activities with some corresponding basic information about each activity. The user has control over the number of items displayed in the list, but the page needs to remain a set size. To overcome that problem I have fixed the size of the grid but switched on the allow scrolling property, paging and fixed the headers.
However, if the item count is set to anything greater than 20 when the user moves their cursor over the grid it dissappears off down the page a few hundred pixels below the footer. The headers remain in place, but the grid (or at least the 600px of it that are on display) move down below the footer, with the paging etc controls below that. The distance moved looks like it changes based on the number of items to display in the grid. If the no of items is set to 20, there are still scroll bars visible, but the grid remains in place as it should.
Does anyone have any ideas why the grid appears to 'jump' down the form on mouse-over if the item count within the grid exceeds 20?
Thanks
Peter
I have a rad grid placed in a div so that it sits on the left hand side of the page. The grid displays a list of activities with some corresponding basic information about each activity. The user has control over the number of items displayed in the list, but the page needs to remain a set size. To overcome that problem I have fixed the size of the grid but switched on the allow scrolling property, paging and fixed the headers.
However, if the item count is set to anything greater than 20 when the user moves their cursor over the grid it dissappears off down the page a few hundred pixels below the footer. The headers remain in place, but the grid (or at least the 600px of it that are on display) move down below the footer, with the paging etc controls below that. The distance moved looks like it changes based on the number of items to display in the grid. If the no of items is set to 20, there are still scroll bars visible, but the grid remains in place as it should.
Does anyone have any ideas why the grid appears to 'jump' down the form on mouse-over if the item count within the grid exceeds 20?
Thanks
Peter
1 Answer, 1 is accepted
0
Hello Peter,
I remember seeing a similar problem in IE and my conclusion was that it was caused by unexpected browser behavior. Such occur on random basis in IE6 and IE7, depending on the page HTML and CSS. A possible workaround is to apply a zoom:1 CSS style to a specific element, so that the IE's proprietary hasLayout property is triggered.
Try setting a zoom:1 style to all or any of the following CSS classes:
.RadGrid
.rgDataDiv
.rgMasterTable
You can also try setting zoom:1 to all divs and / or tables on the page like this:
div, table
{
zoom: 1;
}
If the problem persists and you need further assistance, please send a runnable example.
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.
I remember seeing a similar problem in IE and my conclusion was that it was caused by unexpected browser behavior. Such occur on random basis in IE6 and IE7, depending on the page HTML and CSS. A possible workaround is to apply a zoom:1 CSS style to a specific element, so that the IE's proprietary hasLayout property is triggered.
Try setting a zoom:1 style to all or any of the following CSS classes:
.RadGrid
.rgDataDiv
.rgMasterTable
You can also try setting zoom:1 to all divs and / or tables on the page like this:
div, table
{
zoom: 1;
}
If the problem persists and you need further assistance, please send a runnable example.
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.