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

Date column widths?

15 Answers 301 Views

Grid

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

15 Answers, 1 is accepted

answered on 06 Jan 2011, 02:09 PM

Hi Greg,

I'm afraid that I'm not sure what may caused such behavior with the given details. Can you please send us little more details about the scenario and implementation. If possible, please send us (attached to a formal ticket) small working project in which this behavior can be observed, thus we will be able to gather more details and provide you more to-the-point answer.

Kind regards,
Pavlina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

answered on 06 Jan 2011, 02:30 PM

Pretty straight forward implementation of the grid control. A standard web forms project with a entity object class pointing at three tables. I dragged a grid control on to a page set paging, sorting, grouping, filtering, client-side row selection and the control skin set to Outlook. No design time datasource was set. In the code behind I added a simple LINQ expression to the "NeedDataSource" method of the code-behind.
The record source for the grid contains only nine fields, two of them being "datetime" fields. The database is SQL Server 2005.

Help>About info from SQL Server:

Microsoft SQL Server Management Studio 9.00.4035.00
Microsoft Analysis Services Client Tools 2005.090.4035.00
Microsoft Data Access Components (MDAC) 2000.085.1132.00 (xpsp.080413-0852)
Microsoft MSXML 2.6 3.0 5.0 6.0
Microsoft Internet Explorer 8.0.6001.18702
Microsoft .NET Framework 2.0.50727.3615
Operating System 5.1.2600

Let me know if you need additional info.

answered on 18 Jan 2011, 05:05 PM

Capture.PNG

Capture2.PNG

capture3.PNG

capture4.PNG

I have the exact same problem. Only happens on chrome.

<telerik:RadGrid ID="timesheetGrid" runat="server" GridLines="None" Skin="Windows7"

AllowSorting="True" ShowGroupPanel="True" AutoGenerateColumns="False" AllowPaging="True"

PageSize="15" ShowStatusBar="True" AllowFilteringByColumn="true">

<ClientSettings AllowColumnsReorder="True" ReorderColumnsOnClient="True" AllowDragToGroup="True">

</ClientSettings>

<MasterTableView>

<RowIndicatorColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</RowIndicatorColumn>

<ExpandCollapseColumn>

<HeaderStyle Width="20px"></HeaderStyle>

</ExpandCollapseColumn>

<CommandItemSettings ExportToPdfText="Export to Pdf"></CommandItemSettings>

<Columns>

<telerik:GridBoundColumn DataField="ID" HeaderText="ID" UniqueName="ID" Visible="False">

</telerik:GridBoundColumn>

<telerik:GridDateTimeColumn DataField="From" DataType="System.DateTime" HeaderText="Date"

UniqueName="DateFrom">

<ItemStyle Width="125px" />

</telerik:GridDateTimeColumn>

<telerik:GridBoundColumn DataField="Description" HeaderText="Description" UniqueName="Description">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="DocketNo" HeaderText="Docket No" UniqueName="DocketNo">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="FileCode" HeaderText="File Code" UniqueName="FileCode">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="CostCenter" HeaderText="Cost Center" UniqueName="CostCenter">

</telerik:GridBoundColumn>

<telerik:GridBoundColumn DataField="TaskID" HeaderText="Task ID" UniqueName="TaskID">

</telerik:GridBoundColumn>

<telerik:GridCheckBoxColumn DataField="IsNegativeTimesheet" DataType="System.Boolean"

HeaderText="Negative Timesheet" UniqueName="NegativeTimesheet">

</telerik:GridCheckBoxColumn>

<telerik:GridCheckBoxColumn DataField="IsOvertime" DataType="System.Boolean" HeaderText="Overtime"

UniqueName="Overtime">

</telerik:GridCheckBoxColumn>

</Columns>

</MasterTableView>

<PagerStyle Mode="NumericPages" VerticalAlign="Bottom" />

</telerik:RadGrid>

See attached images.

If I remove css attributes in capture 2 and 3, the grid is fixed (see capture 4).

If this is not enough I will provide more info.

Thanks,
Daryl

answered on 06 Apr 2011, 12:18 PM

243744-Capture.PNG

Hi All,
I have the same issue mentioned above by Daryl's attached Caputure.png.And i cant solve it because all my columns and rows are added in runtime and based on the datatable's column type my grid is setting RadGrid's column type as GridDateTimeColumn.How can i set the FilterControlWidth property of the GridDateTimeColumn
at runtime as the above mentioned fix.Will this solve my issue ???.I had problems only in Chrome and Safari,While in IE,Firefox and Opera my grid works fine.Only the problem is caused by columns which had DateTime values.

Plz help me out.This is urgent.

Regards and Thanks,
Titti Skaria.

answered on 07 Apr 2011, 09:14 AM

Hi Titti,

Can't you set the property when creating the columns?

If they're auto-generated you can bind to the ColumnCreating event, checking the ColumnType property and setting the FilterControlWidthproperty if it's of type GridDateTimeColumn.

So you'll have something like this (I hope I understood your problem).

protected void Page_Load(object sender, EventArgs e)

{

radGridView1.AutoGenerateColumns = true;

radGridView1.ColumnCreated += new GridColumnCreatedEventHandler(radGridView1_ColumnCreated);

}

void radGridView1_ColumnCreated(object sender, GridColumnCreatedEventArgs e)

{

if (e.Column.ColumnType.Equals("GridDateTimeColumn"))

{

e.Column.FilterControlWidth = Unit.Pixel(100);

}

Regards,
Daryl