Table of Contents
  • Getting Started
  • EO.Pdf
  • EO.Web
    • Overview
    • Installation & Deployement
    • EO.Web ToolTip
    • EO.Web Rating
    • EO.Web Slider & RangeSlider
    • EO.Web ListBox
    • EO.Web ComboBox
    • EO.Web Captcha
    • EO.Web ASPX To PDF
    • EO.Web Slide
    • EO.Web Flyout
    • EO.Web EditableLabel
    • EO.Web ImageZoom
    • EO.Web Floater
    • EO.Web Downloader
    • EO.Web ColorPicker
    • EO.Web HTML Editor
    • EO.Web File Explorer
    • EO.Web SpellChecker
    • EO.Web Grid
    • EO.Web MaskedEdit
    • EO.Web Splitter
    • EO.Web Menu
    • EO.Web Slide Menu
    • EO.Web TabStrip
    • EO.Web TreeView
    • EO.Web Calendar
    • EO.Web Callback
    • EO.Web MultiPage
    • EO.Web Dialog
    • EO.Web AJAXUploader
    • EO.Web ProgressBar - Free!
    • EO.Web ToolBar - Free!
  • EO.WebBrowser
  • EO.Wpf
  • Common Topics
  • Reference
Using Spell Checker Dialog

EO.Web SpellChecker can display spell errors and suggestions in a SpellCheckerDialog. This section covers how to use and customize the dialog.

Using SpellCheckerDialog

See getting started for detailed steps.

Customizing SpellCheckerDialog

Both the style and the layout of the dialog can be customized.

To customize the style of the dialog, see configuring dialog's style. The following properties can also be used to customize the suggestion list:

Property Remark
SuggestionItemStyle The style applied to each suggestion item.
SuggestionItemHoverStyle The style applied to a suggestion item when mouse hovers over the item.
SuggestionItemSelectedStyle The style applied to a suggestion item when it is selected.

The dialog's layout can be customized through the dialog's ContentTemplate property. ContentTemplate can include any valid HTML or server control, but it recognizes a few special control IDs and associate specific functionalities to these controls. The following table lists all these special controls:

ID Remark
TextPanel

Should be an ASP.NET Panel control. This panel is used to display the HTML that has been checked. Errors are also highlighted in this area.

Style options such as border, background color and font are usually applied on this panel to distinguish the region in the dialog.

SuggestionPanel

Should be an ASP.NET Panel control. This panel is being used to display the suggestion list.

Style options such as border, background color and font are usually applied on this panel to distinguish the region in the dialog.

IgnoreOnceButton Usually is an ASP.NET Button control. When this button is clicked, it ignores the current error and moves onto the next one.
IgnoreAllButton Usually is an ASP.NET Button control. When this button is clicked, all errors that are the same as the current error are ignored.
AddCustomButton Usually is an ASP.NET Button control. When this button is clicked, the current word is added into user dictionary, thus is subsequently considered correct.
ChangeButton Usually is an ASP.NET Button control. When this button is clicked, the current word is changed to the contents of the ChangeToText text box.
ChangeAllButton Usually is an ASP.NET Button control. When this button is clicked, all errors that are the same as the current one are being corrected with the content in the ChangeToText text box.
CloseButton Usually is an ASP.NET Button control. When this button is clicked, the dialog closes.
ChangeToText Should be an ASP.NET TextBox control. This text box contains the text that is used to correct the current error. When user chooses a suggestion from the suggestion list, the dialog automatically fills this textbox with the selected suggestion. User can also enter the correct spelling in this textbox directly.

The easiest way to customize is to start from the default template, which already contains all controls listed above. To start from the default template, right click the control, then select Edit Template from the context menu, then select ContentTemplate, this switches the dialog into template editing mode with the default ContentTemplate filled in.