PopupImageEdit

• Jun 07, 2019
• 2 minutes to read

Overview

The PopupImageEdit control is a popup variation of the ImageEdit control. It allows end-users to display images in various formats.

The PopupImageEdit control offers the following features.

• Support for various formats

  The PopupImageEdit control supports the following image formats.

  • Bitmap
  • JPEG
  • GIF
  • PNG

• Optional image menu

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

• Webcam support

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

• Various stretch modes

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

  • None
  • Fill
  • Uniform
  • Uniform to fill

• Optimized for in-place editing

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

Standalone PopupImageEdit

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

The following sample demonstrates how to create a PopupImageEdit using XAML markup.

XAML

<dxe:PopupImageEdit ShowMenuMode="Hover"/>

In-place PopupImageEdit

To embed an PopupImageEdit into a container control, use the PopupImageEditSettings class.

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

XAML

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