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

Vertical Columns

1 Answer 43 Views
ComboBox
This is a migrated thread and some comments may be shown as answers.
Cush
Top achievements
Rank 1
Cush asked on 10 Jun 2011, 01:40 PM
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

1 Answer, 1 is accepted

Sort by
0
Cush
Top achievements
Rank 1
answered on 10 Jun 2011, 02:11 PM
Doh!

I had missed the class off of the page?
.col1, .col2
        {
            float: left;
            width: 110px;
            margin: 0;
            padding: 0 5px 0 0;
            line-height: 14px;
        }

All fine now
Tags
ComboBox
Asked by
Cush
Top achievements
Rank 1
Answers by
Cush
Top achievements
Rank 1
Share this question
or