.lbPackages
{
background-color:inherit;
height:200px;
}
.panelPackageMenu
{
display:none;
font-family:Arial;
font-size:small;
position:fixed;
visibility:hidden;
padding:0px;
height:200px;
}
I'm using the hovermenuextender in my webdeveloper 2008 application. When I place my mouse over the target control, the listbox flashes in the top left corner of the screen, then positions itself properly.
I am using a label for my control, and a listbox which I populate from codebehind as my target. Here is my code:
<asp:UpdatePanel ID="UpdatePanelPackageMenu" runat="server" UpdateMode="Conditional">
<ContentTemplate>
<cc1:HoverMenuExtender ID="HoverMenuExtender2" runat="server"
PopupControlID="PanelPackageMenu"
TargetControlID="lblPackageMenu" PopupPosition="Bottom"
HoverDelay="150"
OffsetX="25"
OffsetY="2" >
</cc1:HoverMenuExtender>
<asp:Panel ID="PanelPackageMenu" runat="server" CssClass="panelPackageMenu" >
<asp:ListBox ID="lbPackages" runat="server" OnLoad="lbPackages_Load"
AutoPostBack="true" OnSelectedIndexChanged="lbPackages_SelectedIndexChanged"
CssClass="lbPackages" >
</asp:ListBox>
</asp:Panel>
<asp:Label ID="lblPackageMenu" runat="server" Text="Packages" CssClass="lblPkg" ></asp:Label>
</ContentTemplate>
</asp:UpdatePanel>
Here are the css files:
.lbPackages
{
background-color:inherit;
height:200px;
}
.panelPackageMenu
{
display:none;
font-family:Arial;
font-size:small;
position:fixed;
visibility:hidden;
padding:0px;
height:200px;
}
This works well after the flash. The user hovers over the label, the listbox appears, and the appropriate codebehind is called when the user chooses an item from the list.
But the initial flash is annoying.
Can anyone help me get rid of the flash?