Skip to main content
Tab

ASPxSplitter.FullscreenMode Property

Specifies whether the ASPxSplitter control is used in full-screen mode.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v24.1.dll

NuGet Package: DevExpress.Web

Declaration

[DefaultValue(false)]
public bool FullscreenMode { get; set; }

Property Value

Type Default Description
Boolean false

true, to enable full-screen mode; otherwise, false.

Remarks

To enable full-screen mode for the ASPxSplitter control, set the FullscreenMode property to true. In this case, the control fills the entire page and can be resized together with the browser window.

The ASPxSplitter control must be a root element when it works in the full-screen mode. It can be placed in a simple containers, like div or form elements only. Other controls cannot be placed at the same level.

Run Demo: ASPxSplitter - Fullscreen Mode

<body>
    <form id="form1" runat="server">
        <div>
            <dx:ASPxSplitter ID="splFullScreenMode" runat="server" FullscreenMode="True" ...>
                <%-- ... --%>
            </dx:ASPxSplitter>
        </div>
    </form>
</body>

Note that when you set the FullscreenMode property to true, the Height and Width properties are set to a value of 100%. Specific style settings are applied to page elements (such as HTML, BODY, FORM) on the client side, to disable default page padding, margin and scrolling settings and set the height of these container elements to 100%.

<style type="text/css">
     html, body, form {
          height: 100%;
          margin: 0;
          padding: 0;
          overflow: hidden;
     }
</style>
See Also