Hi All
I am probably missing somthing fundemental here,
However i am trying to put a Multi column rad combo into the edit template of a rad grid,
my problem is that the columns are rendering vertically and not horizontally (attached screen shot)?
How can i fix this please
<EditFormSettings EditFormType="Template">
<FormTemplate>
<table style="width: 100%;">
<tr>
<td align="left" width="30%">
<asp:Label ID="Label2" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"
Text="Discount Type:"></asp:Label>
</td>
<td align="left" width="40%">
<telerik:RadComboBox ID="ZoneSTComboBox" runat="server" EnableLoadOnDemand="True"
DataTextField="portNme" OnItemsRequested="ZoneSTComboBox_ItemsRequested" DataValueField="st_tariff_zoneID"
AutoPostBack="true" HighlightTemplatedItems="true" Height="140px" Width="150px"
DropDownWidth="420px" Skin="Web20" NoWrap="true" OnClientSelectedIndexChanged="zoneSelectedIndex">
<HeaderTemplate>
<ul>
<li class="col1">Port</li>
<li class="col2">Zone Description</li>
</ul>
</HeaderTemplate>
<ItemTemplate>
<ul>
<li class="col1">
<%# DataBinder.Eval(Container, "Text")%>
</li>
<li class="col2">
<%# DataBinder.Eval(Container, "Attributes['zone_descp']")%>
</li>
</ul>
</ItemTemplate>
</telerik:RadComboBox>
</td>
<td colspan="3" width="30%">
</td>
</tr>
<tr>
<td align="left" width="30%">
<asp:Label ID="Label1" runat="server" Font-Bold="True" Font-Names="Arial" Font-Size="X-Small"
Text="Discount Amount:"></asp:Label>
</td>
<td align="left" width="40%">
<telerik:RadComboBox ID="ZoneENComboBox1" runat="server" DataTextField="discountType"
DataValueField="discountTypeID" Skin="Web20" Width="150px">
<Items>
<telerik:RadComboBoxItem runat="server" Text="--" Value="0" Selected="true" />
<telerik:RadComboBoxItem runat="server" Text="Per Tug" Value="1" />
<telerik:RadComboBoxItem runat="server" Text="Per Job" Value="2" />
</Items>
</telerik:RadComboBox>
</td>
<td colspan="3" width="30%">
</td>
</tr>
<tr>
<td align="left" width="30%">
</td>
<td align="left" width="40%">
</td>
<td align="right" valign="middle" width="10%">
</td>
<td align="center" valign="middle" width="10%" style="width: 10%">
<telerik:RadButton ID="btnUpdate" CommandName='<%# Iif (TypeOf Container is GridEditFormInsertItem, "PerformInsert", "Update") %>'
runat="server" Skin="Web20" Text='<%# Iif (TypeOf Container is GridEditFormInsertItem, "Insert", "Update") %>'>
</telerik:RadButton>
</td>
<td align="center" valign="middle" width="10%" style="width: 10%">
<telerik:RadButton ID="btnCancel" runat="server" Skin="Web20" CausesValidation="false"
CommandName="Cancel" Text="Cancel">
</telerik:RadButton>
</td>
</tr>
</table>
</FormTemplate>
</EditFormSettings>
Many Thanks
Regards
Cush