RadCombobox drop down display

4 posts, 0 answers
  1. Quan Nguyen
    Quan Nguyen avatar
    8 posts
    Member since:
    Aug 2009

    Posted 07 Oct 2009 Link to this post

    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
  2. Yana
    Admin
    Yana avatar
    4987 posts

    Posted 12 Oct 2009 Link to this post

    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.
  3. Mateusz
    Mateusz avatar
    14 posts
    Member since:
    Aug 2012

    Posted 13 Mar 2013 Link to this post

    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.
  4. Hristo Valyavicharski
    Admin
    Hristo Valyavicharski avatar
    975 posts

    Posted 18 Mar 2013 Link to this post

    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
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top