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

Radgrid - Scrollbar Issue

2 Answers 95 Views
Show your code
This is a migrated thread and some comments may be shown as answers.
This question is locked. New answers and comments are not allowed.
Vijendra
Top achievements
Rank 1
Vijendra asked on 23 Mar 2015, 11:39 AM
I am using an application which is forced to work in IE-7. When a radgrid is loaded, it always comes with a vertical scrollbar  which I don't want. It works completely  fine in IE 9 and 11. I am fine with horizontal scrollbar because number of columns are dynamic in my application.
I am sharing my code :
<telerik:RadGrid ID="grdSearchResults" runat="server" AllowPaging="True" AllowSorting="True"
CellSpacing="0" GridLines="Both" AutoGenerateColumns="False" PageSize="50" OnPageIndexChanged="GrdSearchResults_PageIndexChanged"
OnSortCommand="GrdSearchResults_PageSort" OnColumnCreated="GrdSearchResults_ColumnCreated"
OnItemCommand="GrdSearchResults_ItemCommand" OnItemCreated="GrdSearchResults_ItemCreated"
OnPageSizeChanged="GrdSearchResults_PageSizeChanged" EnableEmbeddedBaseStylesheet="true"
enablingajaxskinrendering="true" AllowCustomPaging="False" Width="100%" Skin="Default">
<MasterTableView ShowHeadersWhenNoRecords="true" Width="1405px" TableLayout="Fixed">
<HeaderStyle Width="100px" />
<ItemStyle Width="100px" />
<NoRecordsTemplate>
No Records Found.
</NoRecordsTemplate>
</MasterTableView>
<PagerStyle Mode="NextPrevAndNumeric" PagerTextFormat="{4} Page {0} of {1}, Items {2} to {3} of {5}"
Position="TopAndBottom" AlwaysVisible="True" />
<ClientSettings AllowColumnsReorder="True" AllowColumnHide="True" AllowRowHide="True"
ReorderColumnsOnClient="True">
<Resizing AllowResizeToFit="false" EnableRealTimeResize="True" ResizeGridOnColumnResize="True"
AllowColumnResize="true" ClipCellContentOnResize="false"></Resizing>
<Scrolling AllowScroll="true"></Scrolling>
</ClientSettings>
</telerik:RadGrid>

In Stylesheet
.rgDataDiv
{
height: auto !important;
}

This problem is there with telerik version  2014.3.1024.40 and 2012.1.411.40. I am not sure about other versions.
Attaching the screenshot for the radgrid in IE7 and IE11. Can you please guide me as to how I can fix the issue for IE7 browser and make it work similar to IE11.

2 Answers, 1 is accepted

Sort by
0
Vijendra
Top achievements
Rank 1
answered on 23 Mar 2015, 11:43 AM
This telerik grid is under a div.
<div id="rgDataDiv">
</div>
The rgDataDiv is used in my Stylesheet.
0
Pavlina
Telerik team
answered on 26 Mar 2015, 11:39 AM
Hi,

Instead of setting height of rgDataDiv to auto in order to prevent the vertical scroll you can try setting ScrollHeight to empty string:
<Scrolling AllowScroll="true" ScrollHeight=""></Scrolling>

Give this suggestion a try and see if it helps. 

Additionally, note that using ItemStyle-Width is not recommended for setting column widths.

Regards,
Pavlina
Telerik
 

See What's Next in App Development. Register for TelerikNEXT.

 
Tags
Show your code
Asked by
Vijendra
Top achievements
Rank 1
Answers by
Vijendra
Top achievements
Rank 1
Pavlina
Telerik team
Share this question
or