Misplaced dropdown

[Stuart Hemming]

Please have a look at the attached image.

As you can see the dropdown is misplaced. It only appears o be the case on this grid edit form template; wherever else I use comboboxes they're OK.

The form template code is reproduced below ...

                <FormTemplate>
                    <telerik:RadTextBox runat="server" ID="txtInternalId" Text='<%# DataBinder.Eval(Container, "DataItem.InternalId") %>' Style="display: none;"></telerik:RadTextBox>
                    <table>
                        <tr>
                            <td>
                                Surname:
                            </td>
                            <td>
                                <telerik:RadTextBox ID="txtSurname" runat="server" MaxLength="50" Text='<%# DataBinder.Eval(Container, "DataItem.Surname") %>'
                                    Enabled='<%# DataBinder.Eval(Container, "DataItem.IsExternal") %>'
                                    SkinID="rad_textbox"
                                    Width="200px" >
                                </telerik:RadTextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Forename:
                            </td>
                            <td>
                                <telerik:RadTextBox ID="txtForename" runat="server" MaxLength="50" Text='<%# DataBinder.Eval(Container, "DataItem.Forename") %>'
                                    Enabled='<%# DataBinder.Eval(Container, "DataItem.IsExternal") %>'
                                    SkinID="rad_textbox"
                                    Width="200px">
                                </telerik:RadTextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Email:
                            </td>
                            <td>
                                <telerik:RadTextBox ID="txtEmail" runat="server" MaxLength="200" Text='<%# DataBinder.Eval(Container, "DataItem.Email") %>'
                                    Enabled='<%# DataBinder.Eval(Container, "DataItem.IsExternal") %>'
                                    SkinID="rad_textbox"
                                    Width="300px">
                                </telerik:RadTextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Phone:
                            </td>
                            <td>
                                <telerik:RadTextBox ID="txtPhone" runat="server" MaxLength="20" Text='<%# DataBinder.Eval(Container, "DataItem.Phone") %>'
                                    Enabled='<%# DataBinder.Eval(Container, "DataItem.IsExternal") %>'
                                    SkinID="rad_textbox"
                                    Width="150px">
                                </telerik:RadTextBox>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                Organisation:
                            </td>
                            <td>
                                <telerik:RadTextBox ID="txtOrganisation" runat="server" MaxLength="50" Text='<%# DataBinder.Eval(Container, "DataItem.Organisation") %>'
                                    Enabled='<%# DataBinder.Eval(Container, "DataItem.IsExternal") %>'
                                    SkinID="rad_textbox"
                                    Width="300px">
                                </telerik:RadTextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align: top;">
                                Special Notes:
                            </td>
                            <td>
                                <telerik:RadTextBox ID="txtSpecialNotes" runat="server" Rows="5" Text='<%# Bind("SpecialNotes") %>'
                                    SkinID="rad_textbox"
                                    TextMode="MultiLine" Width="300px">
                                </telerik:RadTextBox>
                            </td>
                        </tr>
                        <tr>
                            <td style="vertical-align: top;">
                                Status:
                            </td>
                            <td>
                                <telerik:RadComboBox ID="cboState" runat="server" SelectedValue='<%# DataBinder.Eval(Container, "DataItem.State") %>' SkinID="rad_combo">
                                    <Items>
                                        <telerik:RadComboBoxItem Text="Not Confirmed" Value="AwaitingUserAcceptance" />
                                        <telerik:RadComboBoxItem Text="Attending" Value="Attending" />
                                        <telerik:RadComboBoxItem Text="Not Attending" Value="NotAttending" />
                                    </Items>
                                </telerik:RadComboBox>
                            </td>
                        </tr>
                        <tr>
                            <td colspan="2" style="text-align: right; padding-right: 5px">
                                <asp:Button runat="server" ID="btnUpdate" Text='<%# (Container is GridEditFormInsertItem) ? "Insert" : "Update" %>'
                                    CommandName='<%# (Container is GridEditFormInsertItem) ? "PerformInsert" : "Update" %>' />
                                <asp:Button runat="server" ID="btnCancel" Text="Cancel" CommandName="Cancel" CausesValidation="false" />
                            </td>
                        </tr>
                    </table>
                </FormTemplate>

Anyone any ideas?

--
Stuart

[Stuart Hemming]

Forgot to say, this project is using the Q1 2009 Framework 3.5 controls.

--
Stuart

[Yana]

Hello Stuart Hemming,

I've tested the provided code but wasn't able to reproduce this issue, I guess it's related to some css styles on your page. I've attached my test page, can you modify it so that we can observe the issue and send it back to us? You should open a support ticket and send it there. Thanks

Kind regards,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Stuart Hemming]

Yana,

Thanks for that. I'll check out the styles in force on the page and get back to you.

--
Stuart

[Yana]

Hi Stuart,

We'll test the page as soon as you send it to us. Thanks in advance

Best wishes,
Yana
the Telerik team

Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

[Benjamin]

Hi, can you provide a specific CSS that might cause this issue? I also encountered this in our project.

[Kate]

Hello Benjamin,

Unfortunately we did not get a specific page and for this purpose we did not post any answer in the forum. Please note also that the post is 2 years old and we already implemented different improvement in tho control. Therefore I would suggest that you open a separate support ticket where you can attach you simplified runnable project so I can test it from my side and assist you in the most efficient way.

Regards,
Kate
Telerik