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

Floating Objects

  • Undo

    Undo
    po
  • Clipboard

    Clipboard
    po
  • v
    v
    popopo
    dialogboxlauncherFont

    Font
    po
  • popo
    dialogboxlauncherParagraph

    Paragraph
    po
  • up
    down
    gpo

    Quick Styles
    Styles

    Styles
    po
  • Editing

    Editing
    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


To help you replicate the Microsoft Word user experience, the DevExpress ASP.NET MVC Rich Text Editor (RichEdit extension) ships with the floating object support. The RichEdit allows users to freely position, scale and rotate all floating objects when inserting pictures or text boxes into a document. End-users can also modify object characteristics using context menu items, a specific ribbon context tab, or activate the built-in Layout dialog through the context menu. Give the demo a try and see how easy it is to drag and resize an object using its outline and rotate it by using its rotate handle.

The RichEdit provides a specific client API allowing you to manipulate floating objects programmatically. In code, you can call client commands available through the commands client property to insert text boxes (insertFloatingTextBoxCommand), change inline pictures into floating pictures, change different floating object settings, and invoke the Layout dialog (openLayoutOptionsDialogCommand).

Collapse/Expand
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
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxRichEditDemos