Tab

ASPxSplitter.FullscreenMode Property

Gets or sets whether the ASPxSplitter control is used in full-screen mode.

Namespace: DevExpress.Web

Assembly: DevExpress.Web.v20.2.dll

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 an 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.

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>
IMPORTANT

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

Online Demo

ASPxSplitter - Fullscreen Mode

See Also