Panelbar with RadToolTipManager

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

    Posted 09 Sep 2009 Link to this post

    Hello,

    I have PanelBar with embedded RadToolTipManager. Within that I have a repeater that generate a list of thumbnail images.
    The problem that I'm having is when I hover over the first item (far left) of the second+ row the tooltip window display on the far right.
    However, when I take the PanelBar out of the equation it works just fine.

                   <telerik:RadPanelBar ID="RadPanelBar1" Runat="server" ExpandMode="MultipleExpandedItems" Width="1042px" AllowCollapseAllItems="True">  
                    <Items>  
                      
                        <telerik:RadPanelItem Runat="server" Expanded="True" Text="Search Results" Font-Bold="True">  
                            <Items>  
                                <telerik:RadPanelItem Runat="server" Value="RadPanelItem1">  
                                <ItemTemplate>  
                                  
                                     <div style="padding: 0px; float: left; width: 1042px">  
                                        
                                         <telerik:RadToolTipManager runat="server" ID="RadToolTipManager1" Width="950px"   
                                             Height="370px" RelativeTo="Element" Animation="Slide" Position="BottomCenter"   
                                             OnAjaxUpdate="OnAjaxUpdate"    
                                             HideEvent="LeaveTargetAndToolTip" AutoCloseDelay="15000" ShowDelay="1000" />  
                                       
                                         <asp:Repeater ID="Repeater1" runat="server" OnItemDataBound="Repeater1_ItemDataBound" >  
                                         <ItemTemplate>  
                                           
                                            <div style="float: left; text-align: center;" id="smallImage" runat="server">  
                                                <a href="<%# Eval("PrintSize", "../../../Images/Print/{0}") %>">  
                                                <div  style="border: 1px solid #999999; margin: 1px; width: 100px; height: 100px; background-position: center; background-repeat: no-repeat; background-image: url('<%# Eval("Thumbnail", "../../../Images/Thumbs/{0}") %>');">  
                                                </div>  
                                            </div>  
                                         </ItemTemplate>  
                                         </asp:Repeater>  
                                           
                                     </div>  
                                                             
                                </ItemTemplate>                             
                                </telerik:RadPanelItem>  
                                
                           </Items>  
                        
                        </telerik:RadPanelItem>  
                      
                          
                      
                    </Items>  
                      
                    </telerik:RadPanelBar> 
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 10 Sep 2009 Link to this post

    Hello Quan,

    I think it will be best if you can open a support ticket and send us a simple running project (incl. your custom skin, CSS, images, DB backup if needed and so on) demonstrating the problem (and step-by-step instructions on doing so). In that way we can reproduce and pinpoint the problems you're facing on our side, understand the logic of your application and provide a solution.

    Kind regards,
    Paul
    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. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top