Skip to main content
A newer version of this page is available. .

Ribbon UI

  • 4 minutes to read

When creating rich text editor, you can provide it with a set of Ribbon tabbed pages to let your end-users perform basic operations (format and edit text, create lists, add headers and footers, work with tables, perform advanced mail merge, etc.) via a Ribbon interface. Ribbon pages are structurally and visually split into logical groups. Each of these groups includes commands that have some features in common. To get an example on how to provide a built-in Ribbon UI for RichEditControl, refer to the Lesson 1 - Create a Simple Rich Text Editor document. Refer to the Lesson 5 - Create Separate Ribbon Pages for a Rich Text Editor topic for an example on how to create separate ribbon pages.

The built-in ribbon is created with vector icons by default. Set the ApplicationThemeHelper.UseDefaultSvgImages property to false before the Ribbon is initialized to switch to the bitmap icons. Separate ribbon pages are generated with bitmap icons.

This topic contains a list of available ribbon pages and commands corresponding to buttons included to ribbon groups of each page, and a set of documents to which you can refer to get detailed information on the RichEditControl’s functionality provided by a particular ribbon group.

Ribbon Page Group

Commands

Read more…

DXRichEdit_Ribbon_Common

CreateEmptyDocumentCommand

LoadDocumentCommand

SaveDocumentCommand

SaveDocumentAsCommand

QuickPrintCommand

PrintCommand

UndoCommand

RedoCommand

ShowDocumentPropertiesFormCommand

Import and Export

Supported Formats

Lesson 1 - Create a Simple Rich Text Editor

Document Properties Dialog

How to: Specify Document Properties

DXRichEdit_Ribbon_Clipboard

PasteSelectionCommand

CutSelectionCommand

CopySelectionCommand

ShowPasteSpecialFormCommand

Paste Special Dialog

DXRichEdit_Ribbon_Font

ChangeFontNameCommand

ChangeFontSizeCommand

IncreaseFontSizeCommand

DecreaseFontSizeCommand

ClearFormattingCommand

ToggleFontBoldCommand

ToggleFontItalicCommand

ToggleFontUnderlineCommand

ToggleFontDoubleUnderlineCommand

ToggleFontStrikeoutCommand

ToggleFontDoubleStrikeoutCommand

ToggleFontSuperscriptCommand

ToggleFontSubscriptCommand

MakeTextUpperCaseCommand

MakeTextLowerCaseCommand

ToggleTextCaseCommand

ChangeFontBackColorCommand

ChangeFontColorCommand

ShowFontFormCommand

Text Formatting

How to: Change Formatting of Selected Text

Font Dialog

DXRichEdit_Ribbon_Paragraph

ToggleBulletedListCommand

ToggleSimpleNumberingListCommand

ToggleMultiLevelListCommand

DecrementIndentCommand

IncrementIndentCommand

ToggleShowWhitespaceCommand

ToggleParagraphAlignmentLeftCommand

ToggleParagraphAlignmentCenterCommand

ToggleParagraphAlignmentRightCommand

ToggleParagraphAlignmentJustifyCommand

SetSingleParagraphSpacingCommand

SetSesquialteralParagraphSpacingCommand

SetDoubleParagraphSpacingCommand

ShowLineSpacingFormCommand

AddSpacingBeforeParagraphCommand

AddSpacingAfterParagraphCommand

ToggleParagraphRightToLeftCommand

ToggleParagraphLeftToRightCommand

ShowParagraphFormCommand

Paragraphs

Text Formatting

How to: Change Formatting of the Current Paragraph

Paragraph and Tabs Dialogs

DXRichEdit_Ribbon_Editing

FindCommand

ReplaceCommand

Find and Replace Panel

DXRichEdit_Ribbon_Styles

ShowEditStyleFormCommand

Styles

Style Editor Dialog

DXRichEdit_Ribbon_Page

InsertPageBreakCommand

DXRichEdit_Ribbon_Tables

InsertTableCommand

Tables

Table Layout Dialogs

DXRichEdit_Ribbon_Illustrations

InsertFloatingObjectPictureCommand

Inline Pictures

Shapes

DXRichEdit_Ribbon_Links

CreateBookmarkCommand

ShowHyperlinkFormCommand

Hyperlinks and Bookmarks

Bookmark Dialog

Edit Hyperlink Dialog

DXRichEdit_Ribbon_HeaderFooter

EditPageHeaderCommand

EditPageFooterCommand

InsertPageNumberFieldCommand

InsertPageCountFieldCommand

Headers and Footers

How to: Insert Page Numbers in Header or Footer

DXRichEdit_Ribbon_Text

InsertTextBoxCommand

Symbol Dialog

DXRichEdit_Ribbon_Symbols

ShowSymbolFormCommand

DXRichEdit_Ribbon_PageSetup

Margins:

SetNormalSectionPageMarginsCommand

SetNarrowSectionPageMarginsCommand

SetModerateSectionPageMarginsCommand

SetWideSectionPageMarginsCommand

Orientation:

SetPortraitPageOrientationCommand

SetLandscapePageOrientationCommand

Size:

ChangeSectionPaperKindCommand

Columns:

SetSectionOneColumnCommand

SetSectionTwoColumnsCommand

SetSectionThreeColumnsCommand

ShowColumnsSetupFormCommand

Breaks:

InsertPageBreakCommand

InsertColumnBreakCommand

InsertSectionBreakNextPageCommand

InsertSectionBreakEvenPageCommand

InsertSectionBreakOddPageCommand

Line Numbers:

SetSectionLineNumberingNoneCommand

SetSectionLineNumberingContinuousCommand

SetSectionLineNumberingRestartNewPageCommand

SetSectionLineNumberingRestartNewSectionCommand

ToggleParagraphSuppressLineNumbersCommand

ShowLineNumberingFormCommand

Document Layout

Sections

Line Numbering

How to: Configure the Page Layout Programmatically

How to: Create a Three-Column Layout with Uniform Columns

Columns Dialog

Line Numbers Dialog

Page Setup Dialog

DXRichEdit_Ribbon_TableOfContents

InsertTableOfContentsCommand

SetParagraphBodyTextLevelCommand

SetParagraphHeading1LevelCommand

SetParagraphHeading2LevelCommand

SetParagraphHeading3LevelCommand

SetParagraphHeading4LevelCommand

SetParagraphHeading5LevelCommand

SetParagraphHeading6LevelCommand

SetParagraphHeading7LevelCommand

SetParagraphHeading8LevelCommand

SetParagraphHeading9LevelCommand

UpdateTableOfContentsCommand

Table of Contents

DXRichEdit_Ribbon_Captions

InsertFiguresCaptionCommand

InsertTablesCaptionCommand

InsertEquationsCaptionCommand

InsertTableOfFiguresCommand

InsertTableOfTablesCommand

InsertTableOfEquationsCommand

UpdateTableOfContentsCommand

Table of Contents

DXRichEdit_Ribbon_WriteInsertFields

ShowInsertMergeFieldFormCommand

DXRichEdit_Ribbon_PreviewResults

InsertMergeFieldCommand

ShowAllFieldCodesCommand

ShowAllFieldResultsCommand

ToggleViewMergedDataCommand

Mail Merge

Fields

Field Codes

How to: Perform a Mail Merge

RichEditControl.CustomizeMergeFields

DXRichEdit_Ribbon_DocumentViews

SwitchToDraftViewCommand

SwitchToPrintLayoutViewCommand

SwitchToSimpleViewCommand

Views

DXRichEdit_Ribbon_Show

ToggleShowHorizontalRulerCommand

ToggleShowVerticalRulerCommand

Rulers

DXRichEdit_Ribbon_Zoom

ZoomOutCommand

ZoomInCommand

 

DXRichEdit_Ribbon_Protect

ProtectDocumentCommand

ShowRangeEditingPermissionsFormCommand

UnprotectDocumentCommand

Restrictions and Protection

Range Permissions

Document Protection Dialogs

Editing Permissions Dialog

DXRichEdit_Ribbon_Proofing

CheckSpellingCommand

 

DXRichEdit_Ribbon_Comments

NewCommentCommand

NextCommentCommand

PreviousCommentCommand

DeleteOneCommentCommand

Comments

DXRichEdit_Ribbon_Navigation

GoToPageHeaderCommand

GoToPageFooterCommand

GoToPreviousPageHeaderFooterCommand

GoToNextPageHeaderFooterCommand

ToggleHeaderFooterLinkToPreviousCommand

Headers and Footers

DXRichEdit_Ribbon_Options

ToggleDifferentFirstPageCommand

ToggleDifferentOddAndEvenPagesCommand

Headers and Footers

DXRichEdit_Ribbon_Close

ClosePageHeaderFooterCommand

Headers and Footers

DXRichEdit_Ribbon_TableStyles

Shading:

ChangeTableCellsShadingCommand

Borders:

ToggleTableCellsBottomBorderCommand

ToggleTableCellsTopBorderCommand

ToggleTableCellsLeftBorderCommand

ToggleTableCellsRightBorderCommand

ResetTableCellsBordersCommand

ToggleTableCellsAllBordersCommand

ToggleTableCellsOutsideBorderCommand

ToggleTableCellsInsideBorderCommand

ToggleTableCellsInsideHorizontalBorderCommand

ToggleTableCellsInsideVerticalBorderCommand

ChangeCurrentBorderRepositoryItemColorCommand

Tables

DXRichEdit_Ribbon_Table

SelectTableCellCommand

SelectTableColumnsCommand

SelectTableRowCommand

SelectTableCommand

ToggleShowTableGridLinesCommand

ShowTablePropertiesFormCommand

Tables

Table Properties Dialogs

DXRichEdit_Ribbon_RowsColumns

ShowDeleteTableCellsFormCommand

DeleteTableColumnsCommand

DeleteTableRowsCommand

DeleteTableCommand

InsertTableRowAboveCommand

InsertTableRowBelowCommand

InsertTableColumnToTheLeftCommand

InsertTableColumnToTheRightCommand

ShowInsertTableCellsFormCommand

Tables

Table Layout Dialogs

DXRichEdit_Ribbon_Merge

MergeTableCellsCommand

ShowSplitTableCellsFormCommand

SplitTableCommand

Tables

Table Layout Dialogs

DXRichEdit_Ribbon_CellSize

ToggleTableAutoFitContentsCommand

ToggleTableAutoFitWindowCommand

ToggleTableFixedColumnWidthCommand

Tables

Table Properties Dialogs

DXRichEdit_Ribbon_Alignment

ToggleTableCellsTopLeftAlignmentCommand

ToggleTableCellsTopCenterAlignmentCommand

ToggleTableCellsTopRightAlignmentCommand

ToggleTableCellsMiddleLeftAlignmentCommand

ToggleTableCellsMiddleCenterAlignmentCommand

ToggleTableCellsMiddleRightAlignmentCommand

ToggleTableCellsBottomLeftAlignmentCommand

ToggleTableCellsBottomCenterAlignmentCommand

ToggleTableCellsBottomRightAlignmentCommand

Tables

DXRichEdit_Ribbon_ShapeStyles

ChangeFloatingObjectFillColorCommand

ChangeFloatingObjectOutlineColorCommand

ChangeFloatingObjectOutlineWidthCommand

 

DXRichEdit_Ribbon_Arrange

Wrap Type:

SetFloatingObjectBehindTextWrapTypeCommand

SetFloatingObjectInFrontOfTextWrapTypeCommand

SetFloatingObjectSquareTextWrapTypeCommand

SetFloatingObjectThroughTextWrapTypeCommand

SetFloatingObjectTightTextWrapTypeCommand

SetFloatingObjectTopAndBottomTextWrapTypeCommand

Position:

SetFloatingObjectBottomCenterAlignmentCommand

SetFloatingObjectBottomLeftAlignmentCommand

SetFloatingObjectBottomRightAlignmentCommand

SetFloatingObjectMiddleCenterAlignmentCommand

SetFloatingObjectMiddleLeftAlignmentCommand

SetFloatingObjectMiddleRightAlignmentCommand

SetFloatingObjectTopCenterAlignmentCommand

SetFloatingObjectTopLeftAlignmentCommand

SetFloatingObjectTopRightAlignmentCommand

Bring Forward:

FloatingObjectBringForwardCommand

FloatingObjectBringInFrontOfTextCommand

FloatingObjectBringToFrontCommand

Send Backward:

FloatingObjectSendBackwardCommand

FloatingObjectSendBehindTextCommand

FloatingObjectSendToBackCommand

 

Note

Commands executed via the Bar (Ribbon) user interface can throw unhandled exceptions if a problem occurs. Consider the situation when a document is being saved to a locked or read-only file. To prevent application failure, subscribe to the RichEditControl.UnhandledException event and set the RichEditUnhandledExceptionEventArgs.Handled property to true.