Initializing HoverMenuExtender and CollapsiblePanelExtender

A few tips on how to avoid screen flicker during page load when working with HoverMenu and CollapsiblePanel


I use HoverMenuExtender to display a Panel related to an ASPX control. The panel contains a table containing a context menu.

Set the Panel invisible by assigning a CSS classname which sets display to none.

Set the Table to a CSS classname which defines a background.

The HoverMenu behavior will magically set display to block, thus displaying panel and table once moving the mouse over the sensitive controls.


To avoid flickers when using CollapsiblePanel, set the panel’s style to


(inline or via CSS) and, if you use images to collapse and extend, make sure the Image control is assigned a default image with the same size to avoid resizing.

Both tips make the dynamic panels visible at first, and only display them when selected.

One Response to Initializing HoverMenuExtender and CollapsiblePanelExtender

  1. Rup says:

    Excellent !!

Leave a Reply

Fill in your details below or click an icon to log in: Logo

You are commenting using your account. Log Out / Change )

Twitter picture

You are commenting using your Twitter account. Log Out / Change )

Facebook photo

You are commenting using your Facebook account. Log Out / Change )

Google+ photo

You are commenting using your Google+ account. Log Out / Change )

Connecting to %s

%d bloggers like this: