Setting Standard Tools Icons on MOSSRadEditor

5 posts, 0 answers
  1. Sohail
    Sohail avatar
    12 posts
    Member since:
    Dec 2008

    Posted 02 Jan 2009 Link to this post

    Hi every one

                       I have successfull added custom tool buttons in MOSS RadEdior and can easily change the image icons by using the following css. 

     .rade_toolbar.Default .Custom1
    {
       background-image: url(http://www.xyx.com/images/xyz..gif);
    }

    i want to change the icon for Document Manager tool button to a PDF icon and i tired the following css

     .rade_toolbar.Default .ImageManager
    {
       background-image: url(http://www.xyx.com/images/xyz..gif);
    }

    but this does not work. Is it possible to change the standard tools icons?


    Kind Regards
    Sohail




     
  2. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 05 Jan 2009 Link to this post

    Hello Sohail,

    Try the following CSS code:
    .DocumentManager 
      background-imageurl(http://www.xyx.com/images/xyz..gif)!important;   

    I hope this helps.

    Greetings,
    Stanimir
    the Telerik team

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

  3. Sohail
    Sohail avatar
    12 posts
    Member since:
    Dec 2008

    Posted 05 Jan 2009 Link to this post

    Thanks Stanimir , i applied the following CSS as you suggested

     
    .DocumentManager 
      background-imageurl(http://www.xyx.com/images/xyz..gif)!important;   

    But it just hide the actual image as well. it did not change to a new image. The image URL was ok it was not dummy as shown above.

    Thanks

                          
  4. Stanimir
    Admin
    Stanimir avatar
    1653 posts

    Posted 06 Jan 2009 Link to this post

    Hello Sohail,

    In the Program Files\Common Files\Microsoft Shared\web server extensions\wpresources\RadEditorSharePoint\5.3.2.0__1f131a624888eeed\Resources\ToolImages folder (5.3.2.0__1f131a624888eeed depends on the version of the control) you can find different CSS files for every RadEditor's skin. For example for the Telerik skin the CSS file is RadEditorStyles_Telerik.css. Add the following code to the respective CSS file.

    .rade_toolbar.Telerik .DocumentManager  
    {  
      background: url(http://www.xyx.com/images/xyz..gif);    

    I think this should do the job.

    Regards,
    Stanimir
    the Telerik team

    Check out Telerik Trainer, the state of the art learning tool for Telerik products.
  5. Sohail
    Sohail avatar
    12 posts
    Member since:
    Dec 2008

    Posted 22 Jan 2009 Link to this post

    its all sorted thanks
Back to Top