radEditor Q2 2008 ToolBar Issue

[Vaibhav]

Hi,

With RadEditor:
1) How to add custom buttons (with custom button images) using tools file xml?
2) Background color in design mode gets black
3) What should be the folder structure for applying custom skin?

Thanks,
Vaibhav

[Todd Anglin]

Vaibhav-

We have great resources online that address all of your questions. Let me try to direct you to them in order:

1. Defining your own custom buttons in the docs: http://www.telerik.com/help/aspnet-ajax/addingyourownbuttons.html
2. This may be related to styles on the parent page of your RadEditor. Take a look at this article and see if it helps: http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html
3. Creating a custom skin for RadGrid in the docs: http://www.telerik.com/help/aspnet-ajax/createnewskin.html

Hope that helps you solve some of your problems.

-Todd

[Vaibhav]

1. defining your own custom buttons in the docs: http://www.telerik.com/help/aspnet-ajax/addingyourownbuttons.html -- OK but applying images to buttons is still a problem, am working on it
   
2. This may be related to styles on the parent page of your RadEditor. Take a look at this article and see if it helps: http://www.telerik.com/help/aspnet-ajax/editor-content-area-appearance-problems.html -- OK Problem Solved
   
3. Creating a custom skin for RadGrid in the docs: http://www.telerik.com/help/aspnet-ajax/createnewskin.html -- I have created custom skin. I cannot find a solution for applying custom skin through App_Themes instead of adding <link ....> in head tag.
   

Thanks,
Vaibhav

[Vaibhav]

Hi,

editor's tollbar images are totally messed up when used custom skin with EnableEmbeddedSkins="false".

I don't know how to get it right.


Vaibhav

[Todd Anglin]

Vaibhav-

Skinning RadEditor is an advanced task. The Edtior makes use of a single CSS sprite image for all toolbar buttons, so working with this can be a challenge. We are currently working a Visual Style Builder for the RadControls for ASP.NET AJAX, so in the future there will be an easier way to do some skin customization without requiring advanced knowledge of CSS. Until then, I suggest starting with one of the existing skins and then carefully modifying it to meet your needs.

As for applying your custom skin, you should be able to simply copy the required Editor CSS files (and supporting image  directory) to your App_Theme theme folder (such as MyTheme). Pages that are set to use MyTheme and Editors with Skin="MyTheme" and EnabledEmbeddedSkins="False" should then use your new skin.

Hope that helps.

-Todd