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

Vertical Columns

1 Answer 51 Views

ComboBox

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

Cush asked on 10 Jun 2011, 01:40 PM

ss7.JPG

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

Vertical Columns

1 Answer, 1 is accepted