Forbidden Zones

• Aug 01, 2019

The forbidden zones feature allows you to control a panel’s ability to selectively dock to particular zones.

Using a dock panel’s DockPanelSettings.ForbiddenZones property, you can specify disallowed zones for a panel - the zones to which a panel cannot be docked. It is also possible to provide different appearances for the allowed and forbidden zone states by using a dock zone’s DockZoneStyles.DockingAllowedStyle and DockZoneStyles.DockingForbiddenStyle properties. These appearances are used to highlight zones during panel dragging and to indicate whether panel docking for a particular zone is allowed or disallowed.

Example

View code (Razor):

C#

@Html.DevExpress().DockZone(
     settings => {
          settings.Name = "dockZone1";
          settings.ZoneUID = "zone1";
          settings.Height = 300;
          settings.Width = 200;
          settings.ControlStyle.CssClass = "zone vertical first";
          settings.Styles.DockingAllowedStyle.CssClass = "zone allowed";
          settings.Styles.DockingForbiddenStyle.CssClass = "zone forbidden";
     }
).GetHtml()

@Html.DevExpress().DockZone(
     settings => {
          settings.Name = "dockZone2";
          settings.ZoneUID = "zone2";
          settings.Height = 300;
          settings.Width = 200;
          settings.ControlStyle.CssClass = "zone vertical";
          settings.Styles.DockingAllowedStyle.CssClass = "zone allowed";
          settings.Styles.DockingForbiddenStyle.CssClass = "zone forbidden";
     }
).GetHtml()

@Html.DevExpress().DockPanel(
     settings => {
          settings.Name = "dockPanel1";
          settings.HeaderText = "Panel";
          settings.PanelUID = "panel1";
          settings.ForbiddenZones.Add("zone2");
          settings.SetContent(() => {
               ViewContext.Writer.Write(
                "<img id=\"ForbiddenZone23Img\" src=\"" + Url.Content("~/Content/Docking/Images/ForbiddenZones/ForbiddenZone.png") + "\" alt=\"\"/>");
               });
          settings.PreRender = (sender, e) => {
               SetContentStyleOnPreRender((MVCxDockPanel)sender);
          };
     }
).GetHtml()