Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Ribbon Customization

v
  • Common

    Common
    po
  • Undo

    Undo
    po
  • v
    v
    Font

    Font
    po
  • Pages

    Pages
    po
  • View

    View
    po
  • Table Style Options

    Table Style Optionspo
  • up
    down
    gpo

    Quick Styles
    Table Styles

    Table Stylespo
  • v
    v
    dialogboxlauncherBorders & Shadings

    Borders & Shadingspo
  • Navigation

    Navigation
    po
  • Options

    Options
    po
  • Header from Top:
    +
    -
    Footer from Bottom:
    +
    -
    Position

    Position
    po
  • Close

    Close
    po
  • v
    Shape Styles

    Shape Stylespo
  • dialogboxlauncherArrange

    Arrange
    po

The DevExpress ASP.NET Rich Text Editor (ASPxRichEdit) provides a UI experience similar to Microsoft Word Online. It fully integrates the DevExpress ASP.NET Ribbon control (ASPxRibbon), allowing you to create intuitive and easy-to-use word processing apps in the shortest possible time.

This demo illustrates the ribbon-based UI modes available within the ASPxRichEdit. Based upon the RibbonMode property setting, ASPxRichEdit can use either a built-in ribbon, a built-in one-line toolbar, an external ribbon control, or no ribbon. The RibbonMode property values include:

  • Ribbon – The Rich Text Editor uses a built-in ribbon; ribbon tabs can be customized using the ASPxRichEdit's RibbonTabs collection.
  • One Line Ribbon – The Rich Text Editor displays a built-in ribbon used in one-line mode optimized for touch devices; one-line mode related settings can be defined for ribbon groups and ribbon galleries with their OneLineModeSettings properties.
  • ExternalRibbon – The Rich Text Editor uses an external ASPxRibbon control, specified by the AssociatedRibbonID property. Ribbon tabs can be customized at the ASPxRibbon control level with the Tabs property. The ASPxRichEdit's CreateDefaultRibbonTabs method can be used to automatically populate the external ribbon with the default ribbon tabs.
  • None – The Rich Text Editor does not incorporate or use the ribbon UI.
  • Auto – The Rich Text Editor automatically displays a proper built-in ribbon depending upon the client browser type; a standard ribbon is used under desktop browsers and a one-line ribbon is used under the browsers of touch devices.

Give the demo a try and see how the Rich Text Editor looks and behaves in different ribbon modes.