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
Property Value
| Type | Default | Description |
|---|---|---|
| Boolean | 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.
<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>