Hello,
Telerik ASP.NET AJAX v2009.01.0527.20
I have a RadGrid that displays differently based on IE's brower mode. Looks fine in IE-8 but not in IE-8 Compatability Mode (which I believe renders the same as IE-7). the first screenshot shows IE-8 looking good. The second screenshot shows IE-9 Compatability Mode adding filler space to the end of the grid.
My grid is set to Height="100%" and Width="100%" and resides in a RadSplitter pane. It resized to fill the browser's available space. The grid has several GridBoundColumn and custom columns (based on GridTemplateColumm), and each column has a defined width (in pixels) in the HeaderStyle (i.e., <HeaderStyle Width="##px" />).
IE-8 seems to add additional spacing to each column as it renders the grid to the 100% width of the defined area. IE-8 Compatability Mode seems to add all the additional space to after the last column.
Here is part of my grid definition:
Is there a way to make IE-8 Compatability Mode look correct like IE-8 does?
Thanks,
Randall Price
Virginia Tech - Microsoft Implementation Group
Telerik ASP.NET AJAX v2009.01.0527.20
I have a RadGrid that displays differently based on IE's brower mode. Looks fine in IE-8 but not in IE-8 Compatability Mode (which I believe renders the same as IE-7). the first screenshot shows IE-8 looking good. The second screenshot shows IE-9 Compatability Mode adding filler space to the end of the grid.
My grid is set to Height="100%" and Width="100%" and resides in a RadSplitter pane. It resized to fill the browser's available space. The grid has several GridBoundColumn and custom columns (based on GridTemplateColumm), and each column has a defined width (in pixels) in the HeaderStyle (i.e., <HeaderStyle Width="##px" />).
IE-8 seems to add additional spacing to each column as it renders the grid to the 100% width of the defined area. IE-8 Compatability Mode seems to add all the additional space to after the last column.
Here is part of my grid definition:
<
telerik:RadGrid
runat
=
"server"
ID
=
"RadGrid1"
AllowFilteringByColumn
=
"True"
AllowPaging
=
"True"
AllowSorting
=
"True"
AutoGenerateColumns
=
"False"
Height
=
"100%"
OnDataBound
=
"RadGrid1_DataBound"
OnItemCommand
=
"RadGrid1_ItemCommand"
OnItemCreated
=
"RadGrid1_ItemCreated"
OnItemDataBound
=
"RadGrid1_ItemDataBound"
OnNeedDataSource
=
"RadGrid1_NeedDataSource"
OnPreRender
=
"RadGrid1_PreRender"
PageSize
=
"20"
ShowFooter
=
"True"
ShowStatusBar
=
"True"
Width
=
"100%"
>
<
ClientSettings
EnableRowHoverStyle
=
"true"
>
<
Resizing
AllowColumnResize
=
"false"
ClipCellContentOnResize
=
"true"
EnableRealTimeResize
=
"true"
/>
<
Selecting
AllowRowSelect
=
"true"
/>
<
Scrolling
AllowScroll
=
"true"
UseStaticHeaders
=
"true"
/>
</
ClientSettings
>
<
MasterTableView
AllowPaging
=
"true"
TableLayout
=
"Fixed"
>
<
Columns
>
...
</
Columns
>
</
MasterTableView
>
<
PagerStyle
AlwaysVisible
=
"true"
Mode
=
"NextPrevAndNumeric"
/>
</
telerik:RadGrid
>
Is there a way to make IE-8 Compatability Mode look correct like IE-8 does?
Thanks,
Randall Price
Virginia Tech - Microsoft Implementation Group