[Solved] Reuse a default Telerik icon for custom tool

[PJ Melies]

We're using the RadSpell as our spell checker as outlined in this forum thread.    http://www.telerik.com/community/forums/aspnet-ajax/spell/radspell-with-radeditor.aspx.

We would like to re-use the Spell Check icon that's displayed for the normal Ajax Spell Check tool.   I've reviewed the demo describing how to do it (http://demos.telerik.com/aspnet-ajax/editor/examples/customtools/defaultcs.aspx) but the demo uses an external image and I want to re-use the one from the toolbar sprite gif.  What's the proper style to do this?

[Martin]

Hi PJ Melies,

I believe that this could be done, but I will ask you to send us a small running project with your exact setup, and I will write for you the CSS that reuses the icon of RadEditor's spellchecker.

Best wishes,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[PJ Melies]

Martin,

I've created Support Ticket 217261  and uploaded the sample solution to that ticket.  Thanks.

[James Daresta]

Was this ticket ever fulfilled? I have the same need. I want to use the Ajax Spellchecker icon for the regular spellcheck.

Thanks.

[Martin]

Hi James Daresta,

Yes, I gave PJ a solution for his requirement. For your convenience, I am copying it here:

<style type="text/css">
.SpellCheck
{
 background-position: -66px center !important;
}
</style>

However, I believe that your requirements are a bit different, so again - send me a sample project or explain your requirements in detail, so I can provide you with a solution.

Sincerely yours,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.

[James Daresta]

What I am doing is using the regular spellcheck instead of the Ajax one for the editor. However, I want to use the Ajax Spellchecker icon for the regular spellcheck. What I have done so far is basically copied the image to a image location and using css replaced it. I just wondered if there was some other way than this. Here is my CSS code.

.reTool .SpellCheck
{
    display: inline-block;
    width: 16px;
    height: 16px;
    border: 0;
    margin: 2px 4px 2px 2px;
    background-image: url('../images/icons/SpellCheck16x16.png');
    background-position: -center;
    background-repeat: no-repeat;
}

[Martin]

Hi James Daresta,

// I am not sure if this message has been sent, so I am resending it to you.

Yes, I gave PJ a solution for his requirement. For your convenience, I am copying it here:

<style type="text/css">
.SpellCheck
{
 background-position: -66px center !important;
}
</style>

However, I believe that your requirements are a bit different, so again - send me a sample project or explain your requirements in detail, so I can provide you with a solution.

As per your last question, I believe that you have done great job, and actually this is the correct and sole method for achieving your goal.

Sincerely yours,
Martin Ivanov
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Watch a video on how to optimize your support resource searches and check out more tips on the blogs.