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

Visual Issue in Chrome

2 Answers 72 Views

Grid

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

Mike asked on 16 May 2013, 05:32 PM

chrome-display-issue.png

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?

2 Answers, 1 is accepted

Accepted