ImageEdit

• Jun 07, 2019
• 2 minutes to read

Overview

The ImageEdit control is an editor that allows end-users to display images in various formats.

The ImageEdit control offers the following features.

• Support for various formats

  The ImageEdit control supports the following image formats.

  • Bitmap
  • JPEG
  • GIF
  • PNG

• Optional image menu

  Use the ImageEdit.ShowMenu and ImageEdit.ShowMenuMode properties to control the availability of the image menu.

• Various stretch modes

  To specify how the image should be stretched to fill the available space, use the ImageEdit.Stretch property. The following stretch modes are available.

  • None
  • Fill
  • Uniform
  • Uniform to fill

• Webcam support

  Image menu contains the Take Snapshot button. Clicking this button allows end-users to take a picture using a web camera.

• Optimized for in-place editing

  ImageEdit can be used standalone or as an in-place editor nested in a container control. The ImageEditSettings class implements the in-place editing functionality. See In-place Editors to learn more.

• Complementary popup control

  The DevExpress WPF Editors Library contains a popup variation of the ImageEdit control. To learn more, see PopupImageEdit.

Standalone ImageEdit

To add a standalone ImageEdit to a Window, drag it from the Toolbox.

The following sample demonstrates how to create an ImageEdit using XAML markup.

XAML

<dxe:ImageEdit ShowMenuMode="Hover"/>

In-place ImageEdit

To embed an ImageEdit into a container control, use the ImageEditSettings class.

The following sample demonstrates how to embed an ImageEdit into a GridControl column.

XAML

<dxg:GridControl Name="grid">
    <dxg:GridControl.Columns>
        <dxg:GridColumn FieldName="ProductPhoto">
        <dxg:GridColumn.EditSettings>
            <dxe:ImageEditSettings/>
        </dxg:GridColumn.EditSettings>
    </dxg:GridColumn>
</dxg:GridControl.Columns>
</dxg:GridControl>