Visual Issue in Chrome

[Mike]

I have a grid, and in IE and FF it displays correctly.  However, in Chrome the last column is expanded way way off the page.  I tried using the css trick to shrink the filter box [thinking that was the issue] in http://www.telerik.com/community/forums/aspnet-ajax/grid/filtercontrolwidth-default-100.aspx, but that didn't work either [in turn, it EXPANDED the rest of the filter boxes - to be expected].

I do have HeaderStyle-Width properties set, but it still displays funny in Chrome.

Grid code:

<telerik:RadGrid runat="server" ID="radListDocuments" AllowPaging="True" AllowSorting="True" ShowHeader="True" AutoGenerateColumns="False" GridLines="None" CssClass="table_data" Width="100%"
                OnNeedDataSource="radListDocuments_NeedDataSource">
                <MasterTableView CommandItemDisplay="None" AutoGenerateColumns="False" DataKeyNames="document_id" AllowSorting="True" AllowMultiColumnSorting="False"
                    AllowFilteringByColumn="True" NoMasterRecordsText="No document records" PageSize="20">
                    <Columns>
                        <telerik:GridTemplateColumn AllowFiltering="False" HeaderStyle-Width="1%">
                            <ItemTemplate>
                                <a href='ViewDocument.aspx?id=<%# Eval("document_id") %>&type=division' target="_blank">
                                    <img src="~/images/icons/magnifier.png" alt="View" style="border: 0" /></a>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn AllowFiltering="False" HeaderStyle-Width="1%">
                            <ItemTemplate>
                                <a href="javascript:OpenModalWindow('EditDocument.aspx?documentid=<%# Eval("document_id") %>',450,200)">
                                    <img src="~/images/icons/page_edit.png" alt="Edit Attachment" style="border: 0" /></a>
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridTemplateColumn AllowFiltering="False" HeaderStyle-Width="1%">
                            <ItemTemplate>
                                <img src='~/images/icons/<%# FileHelper.DisplayDocumentIcon( Eval("filetype").ToString() ) %>' />
                            </ItemTemplate>
                        </telerik:GridTemplateColumn>
                        <telerik:GridBoundColumn DataField="filename" HeaderStyle-Width="30%" HeaderText="Document Name" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Font-Bold="True"
                            AutoPostBackOnFilter="True" />
                        <telerik:GridBoundColumn DataField="type_desc" HeaderText="Doc Type" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="15%" HeaderStyle-Font-Bold="True"
                            AutoPostBackOnFilter="True" />
                        <telerik:GridBoundColumn DataField="division_description" HeaderText="Division" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="15%" HeaderStyle-Font-Bold="True"
                            AutoPostBackOnFilter="True" />
                        <telerik:GridBoundColumn DataField="create_by" HeaderText="Created By" HeaderStyle-HorizontalAlign="Left" HeaderStyle-Width="15%" HeaderStyle-Font-Bold="True"
                            AutoPostBackOnFilter="True" />
                        <telerik:GridDateTimeColumn DataField="create_date" HeaderText="Create Date" ItemStyle-HorizontalAlign="Center" PickerType="DatePicker"
                            DataFormatString="{0:MMM dd, yyyy}" HeaderStyle-Width="15%" HeaderStyle-Font-Bold="True" AutoPostBackOnFilter="True" ItemStyle-Width="15%">
                        </telerik:GridDateTimeColumn>
                    </Columns>
                </MasterTableView>
            </telerik:RadGrid>

and I've attached a screenshot of the display issue.

Telerik version: 2013.1.417.40
Chrome: 26.0.1410.64 m

How can I fix it?

[Venelin]

Hi Mike,

In order to resolve this issue you need to set the filter's input width by setting the FilterControlWidth property value in pixels. 

Please, refer to this forum threads if you need more information:

I hope this helps.

All the best,
Venelin
the Telerik team

[Mike]

thanks, this solved the issue