Layout Types in WPF DOCX Editor

18 Aug 20264 minutes to read

The WPF RichTextBox (SfRichTextBoxAdv) control allows you to choose between the following layout types through the LayoutType property. The default LayoutType is Pages.

  • Pages

  • Continuous

  • Block

Use Pages when you need paginated rendering with page breaks, headers, footers, and section properties. Use Continuous when you need a single scrollable rich-text surface. Use Block when you need a read-only rich-text display that still supports clipboard copy.

Pages

When using the Pages layout type, the content of the document is rendered sequentially in several pages, similar to the Print Layout view of Microsoft Word. The size and margin of each page are defined by the Section format properties. Configure page size and margins through the Section format properties of the document.

The following code example demonstrates how to define the layout type of the SfRichTextBoxAdv control as Pages.

<RichTextBoxAdv:SfRichTextBoxAdv x:Name="richTextBoxAdv" LayoutType="Pages"/>
// Initializes a new instance of RichTextBoxAdv.
SfRichTextBoxAdv richTextBoxAdv = new SfRichTextBoxAdv();
// Defines the layout type as Pages.
richTextBoxAdv.LayoutType = LayoutType.Pages;
' Initializes a new instance of RichTextBoxAdv.
Dim richTextBoxAdv As New SfRichTextBoxAdv()
' Defines the layout type as Pages.
richTextBoxAdv.LayoutType = LayoutType.Pages

WPF RichTextBox rendered in Pages layout, showing paginated content

Continuous

When using the Continuous layout type, the entire content of the document is rendered continuously in a single page, similar to the Web Layout view of Microsoft Word. This layout looks like a simple text box with rich-text content and is suitable for applications such as forums and blogs.

The following code example demonstrates how to define the layout type of the SfRichTextBoxAdv control as Continuous.

<RichTextBoxAdv:SfRichTextBoxAdv x:Name="richTextBoxAdv" LayoutType="Continuous"/>
// Initializes a new instance of RichTextBoxAdv.
SfRichTextBoxAdv richTextBoxAdv = new SfRichTextBoxAdv();
// Defines the layout type as Continuous.
richTextBoxAdv.LayoutType = LayoutType.Continuous;
' Initializes a new instance of RichTextBoxAdv.
Dim richTextBoxAdv As New SfRichTextBoxAdv()
' Defines the layout type as Continuous.
richTextBoxAdv.LayoutType = LayoutType.Continuous

WPF RichTextBox rendered in Continuous layout, showing all content on a single scrollable page

Block

When using the Block layout type, the content of the document is rendered continuously in a single page as read-only. In Block layout, the document is read-only by default. This layout looks like a simple text block with rich-text content such as text, images, and tables. The Block layout also supports copying contents to the clipboard. It can be used for applications such as forums and blogs in order to display the rich-text content with the same look and feel as in the Continuous layout type.

The following code example demonstrates how to define the layout type of the SfRichTextBoxAdv control as Block.

<RichTextBoxAdv:SfRichTextBoxAdv x:Name="richTextBoxAdv" LayoutType="Block"/>
// Initializes a new instance of RichTextBoxAdv.
SfRichTextBoxAdv richTextBoxAdv = new SfRichTextBoxAdv();
// Defines the layout type as Block.
richTextBoxAdv.LayoutType = LayoutType.Block;
' Initializes a new instance of RichTextBoxAdv.
Dim richTextBoxAdv As New SfRichTextBoxAdv()
' Defines the layout type as Block.
richTextBoxAdv.LayoutType = LayoutType.Block

WPF RichTextBox rendered in Block layout, showing read-only rich-text content in a single block

NOTE

You can refer to our WPF RichTextBox feature tour page for its groundbreaking feature representations. You can also explore our WPF RichTextBox example to know how to render and configure the editing tool.

See also