The Panel extension is a container for other MVC extensions and HTML content. Panels allow you to organize web page layout and manipulate the visibility of multiple extensions at once.
This demo illustrates how you can use the Panel extensions to dock the required page content to any side of a browser's screen. You can define the panel content using the SetContent method. To dock a panel to a screen side, set the FixedPosition property value to any of the PanelFixedPosition enumeration values. In fixed position, the panel has precedence over the layout and master pages.
Panels docked to the top and the bottom of a browser screen overlap the panels docked to the left and the right sides of the window. You can change this behavior using the FixedPositionOverlap property.
Note: A web page can only contain one panel docked to any individual screen side.
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxNavigationAndLayoutDemos