Intersoft WebGrid Documentation
Walkthrough: Using HTMLEditor Custom Editor in WebGrid
See Also Send comments on this topic.

Glossary Item Box

HtmlEditor is a DHTMLClientControl and designed so it is easy to use. This walkthrough shows you how to use HtmlEditor in WebGrid.

During this walkthrough, you will learn how to do the following:

 Prerequisites

In order to complete this walkthrough, you will need the following:

  • Visual Studio 2005 Application.

 Step-By-Step Instructions

To create new web application and specify HTMLEditor control in WebGrid

  1. Bind WebGrid to AccessDataSource. 
  2. Please use Products table instead of Customers table.
  3. Right click on WebGrid and click on Retrieve Structure to retrieve all columns based on assigned DataSource.
  4. Go to the WebGrid designer.
  5. Set WebGrid's properties AllowEdit to true.
  6. In Advanced, click the Edit Control Type to HtmlEditor.

    HTMLEditorDesigner

  7. After that click the See all properties hyperlink and set Column Type to Custom.

  8. You also need to set MaxHeight property to 20px. But if you want to set the cell to be multiline, then you need to set the MaxHeight property to -1px.

  9. Run the project.

    HTMLResult

See Also

©2012 Intersoft Solutions Corp. All Rights Reserved.