ASP.NET Flyout - Open Flyout with Modal background

When IsModal="true", Flyout will act as a modal window. The page will be disabled with a dimmed background and only the flyout will be available.

Notes on using IsModal property

  • Set CloseEvent="NONE" to prevent Flyout from closing immediately.
  • Set zIndex to a large number to make sure modal background is above all other elements on the page.
  • You may use PageOpacity and PageColor to control background's opacity and color.

Amazon Wish List

Sample code

<obout:Flyout ... IsModal="true" PageColor="Black" PageOpacity="30" ...>