Full-Screen Mode

• Jan 19, 2022

ASPxHtmlEditor can be displayed in full-screen mode.

A user can do one of the following to activate/deactivate full-screen mode:

• Click the Fullscreen button in the editor’s toolbar

• Press F11 when the HTML Editor has focus

Execute the FULLSCREEN_COMMAND command in the Init event handler to load the HTML Editor in full-screen mode.

ASPX

<asp:Content ID="Content1" ContentPlaceHolderID="ContentHolder" runat="Server">
    <script type="text/javascript">
        function onInit(e) {
            HtmlEditor.ExecuteCommand(ASPxClientCommandConsts.FULLSCREEN_COMMAND, null);
        }
    </script>
    <dx:ASPxHtmlEditor ID="DemoHtmlEditor" ClientInstanceName="HtmlEditor" runat="server">
        <ClientSideEvents Init="function(s, e) { onInit(e); }" />
    </dx:ASPxHtmlEditor>
</asp:Content>

Online Demo

Full-Screen Mode