[Expand]General Information
[Expand]WinForms Controls
[Collapse]ASP.NET Controls and MVC Extensions
 [Expand]Prerequisites
 [Expand]What's Installed
 [Expand]Common Concepts
 [Collapse]ASP.NET WebForms Controls
   Getting Started
  [Expand]Grid View
  [Expand]Tree List
  [Expand]Card View
  [Expand]Reporting
  [Expand]Chart Control
  [Expand]Pivot Grid
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Scheduler
  [Expand]Site Navigation and Layout
  [Collapse]HTML Editor
    Deployment of ASPxHtmlEditor
    Main Features
    Getting Started
    ASPxHtmlEditor Designer
   [Collapse]Concepts
    [Expand]View Modes
    [Expand]Get and Set HTML
    [Expand]Toolbars
    [Collapse]Dialogs
      Audio Dialogs
      Change Element Properties Dialog
      Flash Dialogs
      Image Dialogs
      Link Dialogs
      Paste from Word Dialog
      Placeholder Dialogs
      Spell Checking Dialog
      Table Dialogs
      Video Dialogs
      YouTube Video Dialogs
      Custom Dialogs
     Context Menu
     Placeholders
    [Expand]Content Filtering and Validation
    [Expand]Layout
     Searching Content
     Client-Side Commands
     Adaptivity
     Keyboard Shortcuts
     Import and Export
     Support for SharePoint
   [Expand]Visual Elements
   [Expand]Examples
  [Expand]Gauges
  [Expand]Vertical Grid
  [Expand]Data Editors
  [Expand]Docking and Popups
  [Expand]File Management
  [Expand]Data and Image Navigation
  [Expand]Multi-Use Site Controls
  [Expand]Spell Checker
  [Expand]Query Builder
 [Expand]ASP.NET MVC Extensions
 [Expand]Localization
 [Expand]Redistribution and Deployment
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Office File API
[Expand]Reporting
[Expand]Report and Dashboard Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]eXpress Persistent Objects
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation
View this topic on docs.devexpress.com (Learn more)

Image Dialogs

Image dialogs include the Insert Image and Change Image dialogs that allow end users to insert an image to editor content and change an image, respectively.

A dialog can be invoked in the design view in the following ways.

Expanded Dialog Structure

An image dialog contains three tabs listed below.

Tab caption Tab visibility Description
From your computer HtmlEditorInsertImageDialogSettings.ShowFileUploadSection Allows end-users to upload their local files.
From the gallery HtmlEditorFileManagerSettingsBase.Enabled Allows end-users to add to editor content images from the predefined gallery. You can customize the gallery settings using the HtmlEditorInsertImageDialogSettings.SettingsImageSelector and HtmlEditorInsertImageDialogSettings.SettingsImageUpload properties.
From the web (URL) HtmlEditorInsertMediaDialogSettings.ShowInsertFromWebSection Allows end-users to upload files from the web.

When the More options check box is selected, the dialod displayes the settings section, which allows end-users to customize image settings (size, position, description and style settings such as margins, border and CSS class). You can hide the check box by setting the HtmlEditorInsertImageDialogSettings.ShowMoreOptionsButton property to false.

Expanded Dialog Customization

You can customize dialog settings programmatically by using the HtmlEditorDefaultDialogSettings.InsertImageDialog property; or using the design-time ASPxHtmlEditor Designer.

View the Demo

To see this feature in action, refer to the following online demo: Image Selector

Expanded Related Client API

Is this topic helpful?​​​​​​​