1

I have a couple of asp:Labels on my page and what I would like to do is, when a user hovers over a label, the balloon pop up is displayed which has additional information.

Here is the code:

<asp:Label runat="server" ID="lbl1_2" Text="I am a label"></asp:Label>
                                <asp:Panel runat="server" ID="pnl1_2" Enabled="false">
                                    This is some random text for display purpose.
                                </asp:Panel>
                                <ajaxToolkit:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server"
                                TargetControlID="lbl1_2"
                                BalloonPopupControlID="pnl1_2"
                                Position="BottomRight" 
                                BalloonStyle="Rectangle"
                                BalloonSize="Medium"
                                UseShadow="true" 
                                ScrollBars="Auto"
                                DisplayOnMouseOver="true"
                                DisplayOnFocus="false"
                                DisplayOnClick="false" />

That works fine but one caveat, when I hover over the label the balloon popup is displayed but when I hover off it doesn't go away. I must hover over another label to make it go away and display the balloon or click somewhere on the page.

How can I make it autohide when you hover off a label? Is it even possible?

sd_dracula
  • 3,796
  • 28
  • 87
  • 158

0 Answers0