Vertical Columns

2 posts, 0 answers
  1. Cush
    Cush avatar
    88 posts
    Member since:
    Apr 2010

    Posted 10 Jun 2011 Link to this post

    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
  2. Cush
    Cush avatar
    88 posts
    Member since:
    Apr 2010

    Posted 10 Jun 2011 Link to this post

    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
Back to Top