Question

I am a new ASP.NET developer and trying to use ASP.NET Ajax BallouPopupExtender with the form that I have. I wrote the code and it works well but what I want now is the following:
I have 4 TextBoxs aligned besides each other. Now the Ajax BalloonPopupExtender control will only work if the user clicks on each TextBox using the mouse. However, if the users uses the Tab key from his keyboard to fill these TextBoxs, this BalloonPopupExtender will not be appeared.
So how to make it works with Tab key?

My Code:

<ajaxToolkit:BalloonPopupExtender ID="BalloonPopupExtender1" runat="server"
                                            TargetControlID="CorrectAnswerTextBox" BalloonPopupControlID="pnlBallon"
                                            Position="BottomRight" BalloonStyle="Cloud" BalloonSize="Small" 
                                            CustomCssUrl="ballonPopupStyle" CustomClassName="oval" UseShadow="true" ScrollBars="Auto" 
                                            DisplayOnMouseOver="true" DisplayOnFocus="false" DisplayOnClick="true">
                </ajaxToolkit:BalloonPopupExtender>

                <asp:Panel ID="pnlBallon" runat="server">
                    Test TEST
                </asp:Panel>

Answer 1

I figured out how to show it with the Tab key. Just set DisplayOnFocus to True:

DisplayOnFocus="true"

However, it will not be disappeared when the user moves out that textbox that has the ballon. So how to do that?