[Solved] GridDropDownColumn display problem in Firefox

[JC]

Hi,

I'm evaluating the trial version of the rad Grid for ASP.NET/Ajax.  It works well and I've gotten my tests to work correctly, however I am experiencing a redraw issue with Firefox when using GridDropDownColumn and inline editing mode. When I click the edit link the first time after having loaded the page, everything works correctly. However, once I click edit again, it goes into edit mode but doesn't correctly draw my first dropdown column. Also, none of the edit controls fit within the defined column width(this happens in IE as well.)

Any suggestions would be appreciated. Here is a screenshot of the problem.

Screenshot

Thanks,
JC  

[Princy]

Hi,

Can you try increasing the width of RadGrid and GridColumn?

ASPX:

<MasterTableView DataKeyNames="ProductID"  Width="800px" >
               <Columns>

                        <telerik:GridBoundColumn DataField="ProductName"   Aggregate="Count" HeaderText="ProductName" SortExpression="ProductName"
                            UniqueName="ProductName">
                            <ItemStyle Width="200px"  />
                            <HeaderStyle   Width="200px" />
                        </telerik:GridBoundColumn  >

Princy.

[JC]

I already tried this. Adding some cellpadding helps with the textbox spacing issue, but the dropdown column still renders incorrectly in firefox 2.0x

In the screenshot, the problem column is the first column which is labeled "Type". It should be showing a dropdown in that column when in edit mode, but is obviously not displaying correctly. This problem does not occur in Internet Explorer.   

BTW, we went ahead and bought the full suite, but this issue is a major problem so some help from Telerik would be appreciated.   

[Sebastian]

Hello JC,

If you configure your GridDropDownColumn in par with the conventions listed in this topic from the online documentation, it should operate properly during each phase of the page/grid lifecycle.

To verify that review the following online demos of RadGrid which behave in the same way both under IE and Gecko-based browsers:

http://www.telerik.com/DEMOS/ASPNET/Prometheus/Grid/Examples/GeneralFeatures/ColumnTypes/DefaultCS.aspx
http://www.telerik.com/DEMOS/ASPNET/Prometheus/Grid/Examples/DataEditing/EditModes/DefaultCS.aspx

Kind regards,
Stephen
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Shinu]

Hi,

You can also have a look at the following help article.
Referencing controls in grid row/edit form

Shinu.

[JC]

Thanks very much for the suggestions. I will take a look at those articles.

JC