Hi all.
I posted a reply to this post ( http://www.telerik.com/community/forums/aspnet-ajax/grid/grid-renders-differently-from-development-when-in-production.aspx#963065 ) yesterday but wanted to start a fresh post incase no one is monitoring that post any more
I posted a reply to this post ( http://www.telerik.com/community/forums/aspnet-ajax/grid/grid-renders-differently-from-development-when-in-production.aspx#963065 ) yesterday but wanted to start a fresh post incase no one is monitoring that post any more
I have a grid with a filter row that renders incorrectl when IE8 is used in compatibility mode. I have attached 3 images to show what they look like in different scenarios..
Image 1 shows the header of my grid in IE8 with compatibility mode turned off.
Image 2 shows the same header in the same browser with compatibility turned on.
Image 3 shows the same setup as image2, but with the FilterControlWidth set to 50px, which is much narrower than the filter icon's required space.
The code for the first column (Customer Reference) is shown here...
This is the same code used to generate Image 1 and Image 2.
This is the code used to generate Image 3...
It seems that the FilterControlWidth option is only setting the textbox and not the overall width of the filter item (the textbox and the filter button)
Any ideas why the filter row doesn't all sit nice and neatly on one row?
Image 1 shows the header of my grid in IE8 with compatibility mode turned off.
Image 2 shows the same header in the same browser with compatibility turned on.
Image 3 shows the same setup as image2, but with the FilterControlWidth set to 50px, which is much narrower than the filter icon's required space.
The code for the first column (Customer Reference) is shown here...
This is the same code used to generate Image 1 and Image 2.
<
telerik:GridBoundColumn
HeaderText
=
"Customer reference"
DataField
=
"External_Document_No"
SortExpression
=
"External_Document_No"
FilterControlWidth
=
"108px"
FilterListOptions
=
"VaryByDataType"
>
<
HeaderStyle
HorizontalAlign
=
"Left"
Width
=
"158px"
/>
<
ItemStyle
HorizontalAlign
=
"Left"
Width
=
"158px"
/>
</
telerik:GridBoundColumn
>
This is the code used to generate Image 3...
<
telerik:GridBoundColumn
HeaderText
=
"Customer reference"
DataField
=
"External_Document_No"
SortExpression
=
"External_Document_No"
FilterControlWidth
=
"50px"
FilterListOptions
=
"VaryByDataType"
>
<
HeaderStyle
HorizontalAlign
=
"Left"
Width
=
"158px"
/>
<
ItemStyle
HorizontalAlign
=
"Left"
Width
=
"158px"
/>
</
telerik:GridBoundColumn
>
It seems that the FilterControlWidth option is only setting the textbox and not the overall width of the filter item (the textbox and the filter button)
Any ideas why the filter row doesn't all sit nice and neatly on one row?