Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Expand]WinForms Controls
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Collapse]eXpressApp Framework
 [Expand]Fundamentals
 [Expand]Getting Started
 [Collapse]Concepts
  [Expand]Application Solution Components
  [Expand]Business Model Design
  [Expand]Application Model
  [Expand]UI Construction
  [Expand]Extend Functionality
  [Expand]Data Manipulation and Business Logic
  [Expand]Security System
  [Expand]Localization
  [Expand]System Module
  [Collapse]Extra Modules
   [Expand]Audit Trail Module Overview
    Business Class Library Customization Module
    Chart Module
    Clone Object Module
   [Expand]Conditional Appearance Module Overview
   [Expand]Dashboards Module
    File Attachments Module Overview
    HTML Property Editor Module
   [Expand]Notifications Module
    KPI Module
   [Expand]Maps Module
   [Expand]Pivot Chart Module
    Pivot Grid Module
   [Expand]Reports V2 Module
   [Expand]Reports Module (Obsolete)
   [Expand]Scheduler Module
    Script Recorder Module
   [Expand]State Machine Module
   [Expand]TreeList Editors Module
   [Expand]Validation Module
    View Variants Module
   [Expand]Workflow Module
  [Expand]Debugging and Error Handling
  [Expand]Filtering
  [Expand]Application Life Cycle
 [Expand]Design-Time Features
 [Expand]Functional Testing
 [Expand]Deployment
 [Expand]Task-Based Help
 [Expand]Frequently Asked Questions
 [Expand]API Reference
[Expand]CodeRush
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
[Expand]End-User Documentation

HTML Property Editor Module

The HTML Property Editor module contains Property Editors, which allow an end-user to visually format string property values using Hyper Text Markup Language (HTML). This topic explains the basics of using this module.

The HTML Property Editor module is presented by two module projects - HtmlPropertyEditorWindowsFormsModule and HtmlPropertyEditorAspNetModule.

Expanded HtmlPropertyEditorWindowsFormsModule

The HtmlPropertyEditorWindowsFormsModule class requires a reference to the DevExpress.ExpressApp.HtmlPropertyEditor.Win.17.1 assembly.

You can add this module to your WinForms module project. To do this, invoke the Module Designer, and drag the HtmlPropertyEditorWindowsFormsModule from the Toolbox to the Required Modules panel. Alternatively, you can add this module to the WinForms application project. Invoke the Application Designer and drag the HtmlPropertyEditorWindowsFormsModule from the Toolbox to the Modules panel. Remember to rebuild your solution after making changes in the Designer.

Note

This module project contains the DevExpress.ExpressApp.HtmlPropertyEditor.Win.HtmlPropertyEditor. This editor is intended for string properties and should be used in Detail Views only. To use it in a specific Detail View, invoke the Model Editor for the WinForms application project and set the PropertyEditorType property of the required Views | <DetailView> | Items | <PropertyEditor> node to DevExpress.ExpressApp.HtmlPropertyEditor.Win.HtmlPropertyEditor.

The Property Editor for the WinForms application has two tabs. The Design tab has an instrument panel, allowing you to format a string using HTML tags. The HTML tab displays plain HTML code.

Note

When using this module in your application, ensure that the Microsoft.mshtml.dll primary interop assembly is installed on end-user computers. To deploy this assembly, use the vs_piaredist.exe package installed with Visual Studio. The package can be found in the C:\Program Files\Common Files\Merge Modules folder by default.

Expanded HtmlPropertyEditorAspNetModule

The HtmlPropertyEditorAspNetModule class requires a reference to the DevExpress.ExpressApp.HtmlPropertyEditor.Web.v17.1 assembly.

You can add this module to an ASP.NET application project. To do this, invoke the Application Designer and drag the HtmlPropertyEditorAspNetModule from the Toolbox to the Modules panel.

Be sure to rebuild your solution after making changes in the Designer.

The module project for the ASP.NET application contains the DevExpress.ExpressApp.HtmlPropertyEditor.Web.ASPxHtmlPropertyEditor. This editor is intended for string properties and should be used in Detail Views only. To use it in a specific Detail View, invoke the Model Editor for the ASP.NET application project and set the PropertyEditorType property of the required Views | <DetailView> | Items | <PropertyEditor> node to DevExpress.ExpressApp.HtmlPropertyEditor.Web.ASPxHtmlPropertyEditor.

The ASPxHtmlPropertyEditor Property Editor uses the ASPxHtmlEditor control, which has three tabs. The Design tab has an instrument panel, allowing you to format a string with HTML tags. The HTML tab displays plain HTML source code. The Preview tab displays the rendered HTML.

The property editors described here are demonstrated in the Property Editors section of the Feature Center Demo installed with XAF. By default, the Feature Center demo is installed in %PUBLIC%\Documents\DevExpress Demos 17.1\Components\eXpressApp Framework\FeatureCenter. The ASP.NET version of this demo is available online at http://demos.devexpress.com/XAF/FeatureCenter/.

How would you rate this topic?​​​​​​​