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.