How i do: Change icon of snippets

2 posts, 0 answers
  1. Amol
    Amol avatar
    57 posts
    Member since:
    Apr 2008

    Posted 28 Apr 2009 Link to this post


    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.

  2. Martin
    Martin avatar
    585 posts

    Posted 28 Apr 2009 Link to this post

    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">
            background: url('Path/To/Your/Own/InsertSnippetIcon.gif') no-repeat center !important;

    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.
Back to Top