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

Chrome adds millions of pixels to width

2 Answers 47 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Lonnie
Top achievements
Rank 1
Lonnie asked on 03 Oct 2011, 04:58 PM
Our RadGrid works fine in Firefox and IE but displays absurdly wide in Chrome. Its over 268 million pixels wide. It has occured on two of our pages now. Any idea why it is doing this and how to fix it.

Thanks,
Lonnie
<asp:ScriptManager runat="server" ID="ScriptManager1" />
    <div class="SearchTitle">Notes</div>
    <asp:Label runat="server" ID="lblStatus" /><br /><br />
    <telerik:RadGrid ID="gvSomeTable" runat="server" AllowSorting="True" AutoGenerateColumns="False" DataSourceID="dsSomeTable" AllowPaging="true" PageSize="25" AllowFilteringByColumn="true" ShowStatusBar="true">
        <ClientSettings Selecting-AllowRowSelect="true" EnableRowHoverStyle="true" EnablePostBackOnRowClick="true">
            <ClientEvents OnRowSelected="showNote" OnRowContextMenu="RowContextMenu" />
        </ClientSettings>   
        <MasterTableView DataKeyNames="someID" ClientDataKeyNames="someID" CommandItemDisplay="Top">
            <Columns>
                <telerik:GridDateTimeColumn DataField="startTime" HeaderText="Date of Event" SortExpression="startTime" />
                <telerik:GridBoundColumn DataField="CompName" HeaderText="Company" SortExpression="CompName">
                    <FilterTemplate>
                        <telerik:RadComboBox ID="cboCompany" Runat="server" Width="250px"
                            DataSourceID="dsCompanyList"
                            DataTextField="Company"
                            DataValueField="Company"
                            AllowCustomText="true"
                            MarkFirstMatch="true"
                            EmptyMessage="Filter by Company"
                            SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("CompanyName").CurrentFilterValue %>'
                            OnClientSelectedIndexChanged="CompanyIndexChanged" />
 
                        <telerik:RadScriptBlock ID="RadScriptBlock1" runat="server">
                            <script type="text/javascript">
                                function CompanyIndexChanged(sender, args) {
                                    var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");
                                    tableView.filter("CompanyName", args.get_item().get_value(), "EqualTo");
                                }
                            </script>
                        </telerik:RadScriptBlock>
                    </FilterTemplate>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="feederFundList" AllowFiltering="false" HeaderText="Fund" SortExpression="FundList">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="categoryList" AllowFiltering="false" HeaderText="Category" SortExpression="categoryList">
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn DataField="AddedBy" HeaderText="By" SortExpression="AddedBy">
                    <FilterTemplate>
                        <telerik:RadComboBox ID="cboUserList" Runat="server" Width="250px"
                            DataSourceID="dsUserList"
                            DataTextField="AddedBy"
                            DataValueField="AddedBy"
                            AllowCustomText="true"
                            MarkFirstMatch="true"
                            EmptyMessage="Filter by User"
                            SelectedValue='<%# TryCast(Container,GridItem).OwnerTableView.GetColumn("AddedBy").CurrentFilterValue %>'
                            OnClientSelectedIndexChanged="userIndexChanged" />
 
                        <telerik:RadScriptBlock ID="RadScriptBlock3" runat="server">
                            <script type="text/javascript">
                                function userIndexChanged(sender, args) {
                                    var tableView = $find("<%# TryCast(Container,GridItem).OwnerTableView.ClientID %>");
                                    tableView.filter("AddedBy", args.get_item().get_value(), "EqualTo");
                                }
                            </script>
                        </telerik:RadScriptBlock>
                    </FilterTemplate>
                </telerik:GridBoundColumn>
                <telerik:GridDateTimeColumn DataField="AddedOn" HeaderText="On" SortExpression="AddedOn" />
                <telerik:GridHyperLinkColumn AllowFiltering="false" DataNavigateUrlFields="someID" DataNavigateUrlFormatString= "~/Events/somepage.aspx?someID={0}" Text="Edit" />
                <telerik:GridBoundColumn AllowFiltering="false"  DataField="dateRead" Visible="false" ReadOnly="true" />
            </Columns>
        </MasterTableView>     
    </telerik:RadGrid>

2 Answers, 1 is accepted

Sort by
0
Jayesh Goyani
Top achievements
Rank 2
answered on 03 Oct 2011, 05:27 PM
Hello,

set FilterControlWidth for datetime column.
<telerik:GridDateTimeColumn FilterControlWidth="100px"></telerik:GridDateTimeColumn>


Thanks,
Jayesh Goyani
0
Lonnie
Top achievements
Rank 1
answered on 03 Oct 2011, 06:30 PM
That did it! Thanks, for the quick response.
Tags
Grid
Asked by
Lonnie
Top achievements
Rank 1
Answers by
Jayesh Goyani
Top achievements
Rank 2
Lonnie
Top achievements
Rank 1
Share this question
or