RadCombobox drop down display

[Quan Nguyen]

Hello,

I'm using a RadToolTipManager to display a ToolTip (web user control).  I have a RadComboBox within this ToolTip 
(web user control).  The problem that I am having is that the dropdown from the RadComboBox is being displayed behind the ToolTip (web user control) instead of on top of the ToolTip. I've tried adjusting the ZIndex but to no avail.

Thanks in advance,
Quan

asp:FormView ID="DetailView" runat="server" BackColor="#EEEEEE" Width="750" style="z-index: 1;">
    <ItemTemplate>
        <table style="width: 670; height: 370;">
            <tr>
                <td>
                    <div  align="center" style=" border:1px solid #999999; background-color:black; margin-right:20px; width:370px; height:370px; background-position:center; background-repeat:no-repeat; background-image:url('<%# Eval("LargeSize", "../../../Images/Large/{0}") %>');">
                    </div>
                </td>
                <td></td>
                <td>
                    <table style="float:left; width:300;">
                        <tr>
                            <td colspan="2">
                                    <hr/>
                                    <span class="TooltipDetailTitle">Caption: </span>

                                    <telerik:RadTextBox ID="RadTextBox1" runat="server" Text='<%# Eval("ItemCaption") %>' Width="250" BorderStyle="None" BackColor="#EEEEEE" Font-Italic="True" AutoPostBack="False">
                                    </telerik:RadTextBox>
                                    <br/>
                                    <br/>

                                    <span class="TooltipDetailTitle">Event: </span>
                                    <asp:Label CssClass="TooltipDetailDesc" ID="Event" runat="server"><%# Eval("Event") %></asp:Label>
                                    <telerik:RadComboBox ID="RadComboBox1" runat="server" Height="400" ZIndex="2">
                                    </telerik:RadComboBox>
                                    <br/>
                                    <br/>

                                    <span class="TooltipDetailTitle">Date: </span>
                                    <telerik:RadTextBox ID="RadTextBox2" runat="server" Text='<%# Eval("DateTaken") %>' Width="250" BorderStyle="None" BackColor="#EEEEEE" Font-Italic="True" AutoPostBack="False">
                                    </telerik:RadTextBox>

                                    <br/>
                                    <br/>

                                    <span class="TooltipDetailTitle">File: </span>
                                    <asp:Label CssClass="TooltipDetailDesc" ID="File" runat="server"><%# Eval("PrintSize")%></asp:Label>
                                    <hr/>

                                    <telerik:RadInputManager ID="RadInputManager1" runat="server">

                                        <telerik:DateInputSetting BehaviorID="DateInputBehavior1" Validation-IsRequired="true" DateFormat="mm/dd/yyyy">

                                            <TargetControls>
                                                <telerik:TargetInput ControlID="RadTextBox2" />
                                            </TargetControls>

                                        </telerik:DateInputSetting>

                                    </telerik:RadInputManager>
                            </td>
                        </tr>
                        <tr>
                            <td>
                                <asp:Button ID="Button1" runat="server" Text="Edit" onclick="Button1_Click"/>
                            </td>
                            <td>
                                <asp:Button ID="Button2" runat="server" Text="Save" onclick="Button2_Click"/>
                            </td>
                        </tr>
                    </table>
                </td>
            </tr>
        </table>

    </ItemTemplate>
</asp:FormView>

uan

[Yana]

Hi Quan,

You are right that the tooltip has higher z-index than the combobox, you should set the z-index of RadComboBox to a higher number like this:

<telerik:RadComboBox ID="RadComboBox1" runat="server" ZIndex="9000">

Greetings,
Yana
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[Mateusz]

Hi, I have a problem when i change my combobox ZIndex. The scrolball in the dropdown seems to act funny. Like its not quite refreshing.
I mean that it works fine but the looks - like cutted scrollbar.
Note:
it seems to happen only in firefox - the latest version.

[Hristo Valyavicharski]

Hi Mateusz,

What is version of our controls do you use at your end? Does the issue persist when you increase or decrease the ZIndex value? In addition, could you provide us with the implementation of the RadComboBox that you use so we could inspect it locally?

All the best,
Hristo Valyavicharski
the Telerik team