Log In
[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]Report Server
[Collapse]eXpressApp Framework
 [Expand]Getting Started
 [Expand]Design-Time Features
 [Expand]Functional Testing
 [Collapse]Task-Based Help
  [Expand]Business Model Design
  [Expand]Application Model
  [Expand]List Editors
  [Expand]Property Editors
  [Expand]Scheduler and Notifications
  [Collapse]Miscellaneous UI Customizations
    How to: Add a button to a Form using Custom View Item
    How to: Adjust the Size and Style of Pop-up Dialogs (ASP.NET)
    How to: Adjust the Windows' Size and Style
    How to: Change an Application Logo and Info
    How to: Create a Custom Control Detail Item
    How to: Customize a Window Caption
    How to: Customize ASP.NET Layout Elements Using Custom CSS Classes
    How to: Customize Export Options of the Printing System
    How to: Customize the Conditional Appearance Module Behavior
    How to: Customize Window Status Messages
    How to: Enable High DPI Support in a WinForms Application
    How to: Implement a Custom Messaging Class
    How to: Include an Action to a Detail View Layout
    How to: Set Images and Captions for Enumeration Values
    How to: Show a Custom Confirmation Window
    How to: Show a Custom Window with an Embedded XAF View
    How to: Show a Custom Windows Form
    How to: Use a Custom Splash Screen
    How to: Use Custom Themes in ASP.NET Applications
 [Expand]Frequently Asked Questions
 [Expand]API Reference
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

How to: Create a Custom Control Detail Item

This article describes how to add a custom control to a Detail View. Use this approach when you need to place a custom control near a particular editor in a Detail View and the Action Container View Item approach is inappropriate.

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=T137193.

  • Invoke the platform-dependent Model Editor of MySolution.Module.Win or MySolution.Module.Web project and locate the required Views | DetailView node. Add a IModelControlDetailItem node via the context menu invoked for the Items child node.

  • In a WinForms application, set the IModelControlDetailItem.ControlTypeName property of the newly created node to "System.Windows.Forms.Button". In an ASP.NET application, set the ControlTypeName property of the newly created node to "DevExpress.Web.ASPxButton". Set the Id property to "MyButton" and IModelViewItem.Caption - to "My Button".

  • Focus the Views | DetailView | Layout node. Right-click on an empty space to invoke the layout customization dialog, then place the newly-created control in the required location. For details on how to change the layout, refer to the View Items Layout Customization topic.

  • Run the application to make sure that the button is added to the required Detail View.

  • Add a new View Controller to the WinForms/ASP.NET module to handle the Click event of the button added in the Application Model. Subscribe to the ViewController.ViewControlsCreated event and replace the automatically generated code with the following.

  • Run the application to make sure that the information window appears when you click the newly created button.

Expanded See Also

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