I have the code below which uses a simple Image Button, Popup Control Extender and a Panel with a Table f text in it. It is a simple help/reference popup. In general it works. But the problem is that when you click on the image button the popup/table shows
and then immediately disappears. Here's the kicker, if I click on the image button and hold the mouse button down and then roll away from the image button the popup display stays visible! Workable but annoying. Can someone help?
Update... if I add "OnClientCLick="return false;" to the Image Button definition the popup comes up and stays up, but will not disappear unless I click somewhere else on the screen. What should I use instead of "OnClientClick="return false;"?
<asp:ImageButtonID="BishopScoreRef_ImageButton"runat="server"Height="20px"ImageAlign="AbsMiddle"ImageUrl="~/Images and Icons/cal.png"Width="20px"/>
<asp:PopupControlExtenderID="BishopScoreRef_ImageButton_PopupControlExtender" runat="server"DynamicServicePath=""Enabled="True"ExtenderControlID=""PopupControlID="BishopsScore_Panel"Position="Bottom"TargetControlID="BishopScoreRef_ImageButton"></asp:PopupControlExtender>
<asp:PanelID="BishopsScore_Panel"runat="server"BackColor="White"BorderColor="Black"BorderStyle="Outset"BorderWidth="1px"HorizontalAlign="Center">
<asp:TableID="BishopScoreRef_Table"runat="server"BorderStyle="None"Caption="Bishop Scoring System Reference Table" CellPadding="2"Font-Size="Small"HorizontalAlign="Left"Visible="True"Width="500px"BackColor="White">
<asp:TableRowID="TableRow1"runat="server"HorizontalAlign="Center">
<asp:TableCellID="TableCell1"runat="server">Score</asp:TableCell>
<asp:TableCellID="TableCell2"runat="server">Dilation (cm)</asp:TableCell>
<asp:TableCellID="TableCell3"runat="server">Cervical Position</asp:TableCell>
<asp:TableCellID="TableCell4"runat="server">Effacement (%)</asp:TableCell>
<asp:TableCellID="TableCell5"runat="server">Station</asp:TableCell>
<asp:TableCellID="TableCell6"runat="server">Cervical Consistency</asp:TableCell>
</asp:TableRow>
<asp:TableRowID="TableRow2"runat="server"HorizontalAlign="Center">
<asp:TableCellID="TableCell7"runat="server">0</asp:TableCell>
<asp:TableCellID="TableCell8"runat="server">Closed</asp:TableCell>
<asp:TableCellID="TableCell9"runat="server">Posterior</asp:TableCell>
<asp:TableCellID="TableCell10"runat="server">0-30</asp:TableCell>
<asp:TableCellID="TableCell11"runat="server">-3</asp:TableCell>
<asp:TableCellID="TableCell12"runat="server">Firm</asp:TableCell>
</asp:TableRow>
<asp:TableRowID="TableRow3"runat="server"HorizontalAlign="Center">
<asp:TableCellID="TableCell13"runat="server">1</asp:TableCell>
<asp:TableCellID="TableCell14"runat="server">1-2</asp:TableCell>
<asp:TableCellID="TableCell15"runat="server">Midposition</asp:TableCell>
<asp:TableCellID="TableCell16"runat="server">40-50</asp:TableCell>
<asp:TableCellID="TableCell17"runat="server">-2</asp:TableCell>
<asp:TableCellID="TableCell18"runat="server">Medium</asp:TableCell>
</asp:TableRow>
<asp:TableRowID="TableRow4"runat="server"HorizontalAlign="Center">
<asp:TableCellID="TableCell19"runat="server">2</asp:TableCell>
<asp:TableCellID="TableCell20"runat="server">3-4</asp:TableCell>
<asp:TableCellID="TableCell21"runat="server">Anterior</asp:TableCell>
<asp:TableCellID="TableCell22"runat="server">60-70</asp:TableCell>
<asp:TableCellID="TableCell23"runat="server">-1, 0</asp:TableCell>
<asp:TableCellID="TableCell24"runat="server">Soft</asp:TableCell>
</asp:TableRow>
<asp:TableRowID="TableRow5"runat="server"HorizontalAlign="Center">
<asp:TableCellID="TableCell25"runat="server">3</asp:TableCell>
<asp:TableCellID="TableCell26"runat="server">5-6</asp:TableCell>
<asp:TableCellID="TableCell27"runat="server">--</asp:TableCell>
<asp:TableCellID="TableCell28"runat="server">80</asp:TableCell>
<asp:TableCellID="TableCell29"runat="server">+1/+2</asp:TableCell>
<asp:TableCellID="TableCell30"runat="server">--</asp:TableCell>
</asp:TableRow>
</asp:Table>
</asp:Panel>