How i do: Change icon of snippets

[Amol]

Hi,

I have inserted snippets in rad editor using the Snippets property of the rad editor.

Now i want to Show text instead of insert spinnet icon on the rad editor toolbar, or how can i change the icon of the insert snippet.



Thanks,
Amol

[Martin]

Hello Amol,

1. If you want to have a toolbar button without icon, but with text, you have to set ShowIcon="false" and ShowText="true" to the server declaration of the button;

2. If you want to change the icon of the insert snipped button, you have to:

    1. Create your own icon and add it to your project
    2. Add CSS reference to it, i.e:

    <style type="text/css">
    .InsertSnippet
    {
        background: url('Path/To/Your/Own/InsertSnippetIcon.gif') no-repeat center !important;
    }
    </style>

Do not remove the !important flag at the end of the CSS background values, otherwise this new setting will not apply, because our styles are always loaded after the custom styles on the page and will override your settings.

All the best,
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.