Panelbar with RadToolTipManager

[Quan Nguyen]

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>

[Paul]

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.