This example demonstrates how to manipulate dock panels programmatically on the client using our extended client-side functionality. Client-side programmatic interface is available if the EnableClientSideAPI property is set to true, or if there is a handler assigned to any client-side event. Once set, an individual client control object can be referenced directly by its Name.
This demo allows the selected dock panel's characteristics to be dynamically modified via client code depending upon the rightmost panel's settings.
In this demo, an individual dock panel's visibility and visible index are modified via the SetVisible and SetVisibleIndex client methods. A panel's dock state (docked or float) is obtained using the IsDocked method. The Dock and MakeFloat client methods are used to dock a panel or make it floating.
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\MVCxDockAndPopupsDemos