Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Show All Themes

Full-Screen Mode

This demo illustrates how to use the ASPxHtmlEditor with a complete set of toolbar commands in full-screen mode. The primary demo page provides two links you can use to open the HTML editor with a standard or ribbon toolbar. This behavior is controlled by the control’s ToolbarMode property.

To load the ASPxHtmlEditor in full-screen mode programmatically, execute the ASPxClientCommandConsts.FULLSCREEN_COMMAND client command on the control's Init event. An end-user can click the Fullscreen toolbar button or press F11 when the editor has focus to activate/deactivate the ASPxHtmlEditor's full-screen mode.

ASPxHtmlEditor can automatically rearrange the Menu toolbar content in response to browser window resizing using the SettingsAdaptivity.Enabled property. In adaptive mode, when the browser window is resized, the editor can hide toolbar items. To control the item hiding order, use the HtmlEditorToolbarItem.AdaptivePriority property.

Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxHTMLEditorDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxHTMLEditorDemos