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
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> |