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

RadComboBox inside RadGrid CommandItemTemplate rendering problem

3 Answers 140 Views

ComboBox

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

Hossam asked on 17 Apr 2009, 05:08 AM

Hi,
I have placed a RadComboBox inside a grid CommandItemTemplate, the combo functions as expected but renders incorrectly as shown here, my code as follows is straight forward and no special css applied.

I know I can override the default css and attach my own CommandItem style in the Grid.ItemDataBound event, but I would need to re-write all the style to preserve the Grid applied skin, not so elegant for sure.

I don't know if this is a bug or I'm missing something, appreciate any help

Thanks,
Hossam

    
                <form id="form1" runat="server">  
        
                <telerik:RadScriptManager ID="RadScriptManager1" runat="server">  
        
                </telerik:RadScriptManager> 
        
                <div> 
        
                <h2>My Title</h2> 
        
                <telerik:RadGrid ID="gr" runat="server" AllowPaging="True" AutoGenerateColumns="False" DataSourceID="CountryDS" GridLines="None">  
        
                    <MasterTableView CommandItemDisplay="Top" DataKeyNames="CountryId" DataSourceID="CountryDS">  
        
                        <CommandItemTemplate> 
        
                            MyCompoBox :   
        
                            <telerik:RadComboBox ID="CatSelector"  DataTextField="CityName"  Skin="Default" Width="200px"   
        
                                DataValueField="CityId" runat="server" DataSourceId="CityDS">  
        
                                <CollapseAnimation Duration="200" Type="OutQuint" /> 
        
                            </telerik:RadComboBox> 
        
                        </CommandItemTemplate>           
        
                        <RowIndicatorColumn> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </RowIndicatorColumn> 
        
                        <ExpandCollapseColumn> 
        
                            <HeaderStyle Width="20px"></HeaderStyle> 
        
                        </ExpandCollapseColumn> 
        
                        <Columns> 
        
                           ..................  
        
                        </Columns> 
        
                    </MasterTableView> 
        
                </telerik:RadGrid> 
        
                <data:CountryDataSource ID="CountryDS" runat="server">  
        
                </data:CountryDataSource> 
        
                <data:CityDataSource ID="CityDS" runat="server">  
        
                </data:CityDataSource>      
        
                </div> 
        
                </form>

RadComboBox inside RadGrid CommandItemTemplate rendering problem

3 Answers, 1 is accepted