Editor chrome
Adapt the editing surface
Keep the rulers and status bar that help your workflow, or switch to a focused writing surface with one clear action.
Try the differenceHide the rulers for a distraction-free composition view, then restore them to inspect the document layout again.
Ready to tryUse the controls above to interact with this demo.
What this demonstrates
Customize Toolbars
The Document Editor exposes the horizontal ruler, vertical ruler, and status bar as independent visual surfaces. This makes it possible to adapt the workspace to a writing workflow, a layout workflow, or a compact embedded editor.
Key members
Show or hide the vertical ruler
TXTextControl.showVerticalRuler
Show or hide the horizontal ruler
TXTextControl.showHorizontalRuler
Show or hide the status bar
TXTextControl.showStatusBar
How it works
Each control accepts a Boolean value. Pass true to show a surface and false to hide it. The demo keeps the three values in one small state object, so its buttons and mode badge always describe the current editor configuration.
Focus mode hides all three surfaces for a cleaner writing area. Restore all applies true to each API member and brings the complete editing workspace back.
TXTextControl.showVerticalRuler(false);
TXTextControl.showHorizontalRuler(false);
TXTextControl.showStatusBar(false);
// Restore the complete workspace.
TXTextControl.showVerticalRuler(true);
TXTextControl.showHorizontalRuler(true);
TXTextControl.showStatusBar(true);
NuGet packages
TXTextControl.TextControl.Core.SDK
34.0.4
Provides the core document model and server-side document processing APIs.
dotnet add package TXTextControl.TextControl.Core.SDK --version 34.0.4
Provides the browser-based TX Text Control document editor and JavaScript API.
dotnet add package TXTextControl.Web --version 34.4.0
TXTextControl.Web.DocumentEditor.Backend
34.4.0
Hosts the WebSocket-based backend used by the browser document editor.
dotnet add package TXTextControl.Web.DocumentEditor.Backend --version 34.4.0
Source files
See the implementation
The view, browser behavior, and controller are encapsulated in Demos/RichTextEditor/Customize/Toolbars.
