Skinning the AJAX popup spell checker

[Mansoor]

Hi,

We are currently using RadEditor in one of our applications in house.  The app is being used on mobile devices with touch screen.  The users require that the font sizes on the AJAX Rad Spell popup dialog be increased.  Can someone please provide me with some pointers or a sample CSS that I could implement to customize the appearance of the Spell Check Dialog Box (AJAX).  I am using Q2 2008 release of Rad Editor.

Thanks,
Mansoor.

[Rumen]

Hi Mansoor,

You can increase the font size of the AJAX Rad Spell popup suggestions and mistaken words by enabling the external css files of RadSpell. You can do that by copying the Skins installation folder to the root of your web application.

After that import the following classes in the page with the spell:

    <link href="Skins/Spell.css" rel="stylesheet" type="text/css" />
    <link href="Skins/Default/Spell.Default.css" rel="stylesheet" type="text/css" />
    <link href="Skins/Window.css" rel="stylesheet" type="text/css" />
    <link href="Skins/Default/Window.Default.css" rel="stylesheet" type="text/css" />

and set the EnableEmbeddedSkins="false" and DialogsCssFile="~/Skins/DialogCss.css", e.g.

        <telerik:RadSpell ID="RadSpell1" runat="server" ControlsToCheck="TextBox1" DialogsCssFile="~/Skins/DialogCss.css" Skin="Default" EnableEmbeddedSkins="false" />
        <asp:TextBox ID="Textbox1" runat="server"></asp:TextBox>

The DialogCss.css file should contain the following content:

@import url("/Default/Widgets.Default.css");
@import url("/Default/Spell.Default.css");

.RichTextView
{
    font-size: 25px !important;
}
#dialogControl_TextEditor
{
    font-size: 25px !important;
}
#dialogControl_Suggestions
{
        font-size: 25px !important;
}

For your convenience I have attached a sample test project which demonstrates the solution.

Greetings,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Mansoor]

Hi Rumen,

Thanks for the prompt response.  The dialog size is now what the end user wants.

One other thing though, my end user would like to use MS Word for spell checking because the DistanceCheck is not doing the trick for them.  If I change the EditDistance to 2 the word suggestions are too many and the one they are usually looking for is all the way down.

To implement the MSWord dictionary I did what the doc says.
1) Download the latest dev using my Client.NET account
2) Copied the three DLLs into the sample project folder you sent me
3) Change the Markup to use MS Word
4) Installed MSWord on the server ran the macro and made the changes to dcom config as per documentation.  (Unable to add IUSR and IWAM because I don't have those users on my Windows 2003 server)

Anyhow, after doing all that when I do run a spell check I still get msWordAdapter error.  I am attaching a screenshot of the error.  Maybe you can point me in the right direction.

Thanks,
Mansoor.

PS: (Sorry about the double post.  Please reply to this one since I get the email directly)

[Mansoor]

Hi Rumen,

Unable to upload the snapshot so here is the exact error message

Spell Check Handler Server Error: 500
Could not load file or assembly 'MsWordAdapter, Version=1.0.0.0 Culture=neutral,PublicKeyToken=the token' or one of its dependencies.  The system cannot find the file specified.

Regards,
Mansoor.

[Rumen]

Hi Mansoor,

RadSpell for ASP.NET AJAX does not offer currently MS Word spellchecking. This type of spellchecking is rarely used, because it drastically decreases the server performance.

Nevertheless, I have good news that we plan to implement Google like spellchecking in the Q1 2009 version of the control.

Currently, you can try the suggestions in the following help article: Improper Spelling Suggestions.

Best regards,
Rumen
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.