bug of Grid width in GoogleChrome & Safari

[lina fetisova]

Good day!
I have got suchan html maket of site - http://aptekaural.ru/docs/fornet2.html
All the content is in the left column, the right column contains only menu. You can hide or show the right column on button click. When the right column hide, the content of the left column fills all the page.
When I put a RadGrid into the left column, it looks good in all browswes, but in GoogleChrome & Safari it looks awfull - grid has narrow footer & header, grid's width takes both left & right column's width and nothing helps. button click doesn't help too. YOu can see the printscrins attached to the theme.

I'm speaking about cush a rad grid:

<telerik:RadGrid  ID="grClients" runat="server" GridLines="None" AllowPaging="True"
          AllowAutomaticInserts="True" AllowAutomaticUpdates="True"  AllowFilteringByColumn="True"
          AllowSorting="True"  PageSize="50"   Skin="Windows7"
        OnNeedDataSource="RadGrid1_NeedDataSource" AutoGenerateColumns="False"
        ShowGroupPanel="True" Width="100%" Height="100%" GroupPanel-Width="100%"
       >
        <MasterTableView EditMode="PopUp" DataKeyNames="Id">
            <Columns>
                <telerik:GridBoundColumn ReadOnly="True" DataField="Name" HeaderText="Название" SortExpression="Name" UniqueName="Name"/>
                <telerik:GridBoundColumn ReadOnly="True" DataField="Login" HeaderText="Логин"
                    HeaderStyle-Width="100" FilterControlWidth="50" SortExpression="Login"
                    UniqueName="Login">
<HeaderStyle Width="100px"></HeaderStyle>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn ReadOnly="True" DataField="CityRegionName" HeaderText="Регион" SortExpression="CityRegionName" UniqueName="CityRegionName"/>
                <telerik:GridBoundColumn ReadOnly="True" DataField="CityName"
                    HeaderText="Город" SortExpression="CityName" UniqueName="CityName"
                    HeaderStyle-Width="150" FilterControlWidth="100">
<HeaderStyle Width="150px"></HeaderStyle>
                </telerik:GridBoundColumn>
                <telerik:GridBoundColumn ReadOnly="True" DataField="Cell" HeaderText="Телефон" SortExpression="Cell" UniqueName="Cell"/>
                <telerik:GridDateTimeColumn DataField="CreatedOn.Date"
                    HeaderText="Дата регистрации"
                    ReadOnly="True" SortExpression="CreatedOn.Date"
                    UniqueName="CreatedOn.Date" DataFormatString="{0:d}" DataType="System.DateTime" HeaderStyle-Width="80">
<HeaderStyle Width="80px"></HeaderStyle>
                </telerik:GridDateTimeColumn>
                <telerik:GridCheckBoxColumn DataField="UserIsApproved" HeaderText="Активация"
                    UniqueName="UserIsApproved" ReadOnly="True" DataType="System.Boolean" HeaderStyle-Width="50">
<HeaderStyle Width="50px"></HeaderStyle>
                </telerik:GridCheckBoxColumn>
                <telerik:GridCheckBoxColumn DataField="HasAccount" HeaderText="Есть аккаунт"
                    UniqueName="HasAccount" ReadOnly="True" DataType="System.Boolean" HeaderStyle-Width="50" >
<HeaderStyle Width="50px"></HeaderStyle>
                </telerik:GridCheckBoxColumn>

            </Columns>
        </MasterTableView>       
         <ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True"
            AllowDragToGroup="True">
            <Selecting AllowRowSelect="true" />
            <ClientEvents OnRowContextMenu="RowContextMenu"></ClientEvents>
            <Resizing EnableRealTimeResize="false" />
        </ClientSettings>
        <PagerStyle Mode="NextPrevAndNumeric" />
    </telerik:RadGrid>

Any ideas what to do?

[Dimo]

Hello Lina,

Please set the FilterControlWidth property of the CreatedOn.Date column to some pixel value, as in the following demo:

http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/filtering/defaultcs.aspx

The problem is caused by incorrect browser behavior.

Best wishes,
Dimo
the Telerik team

[lina fetisova]

Dimo, thank you very much