Following the online article, I have implemented my own custom skin for radeditor. The new css been applied to editor successfully. How ever i was unable to change the style for the controls of radeditor dialogs such as Find & Replace and ImageMapeditor etc.
My requirement is to create my own styles for the editor and the controls placed in the dialogboxes of the radeditor.Please suggest me the solution
My requirement is to create my own styles for the editor and the controls placed in the dialogboxes of the radeditor.Please suggest me the solution
3 Answers, 1 is accepted
0
Hi Srinivas,
In the Q2 2008 release we have introduced a new editor property named DialogCssProperty which is useful in scenarios when a custom skin is used. It allows you to include your custom skin CSS in the editor dialogs. Please, review this link to understand how to achieve the desired behavior.
All the best,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
In the Q2 2008 release we have introduced a new editor property named DialogCssProperty which is useful in scenarios when a custom skin is used. It allows you to include your custom skin CSS in the editor dialogs. Please, review this link to understand how to achieve the desired behavior.
All the best,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
srinivas
Top achievements
Rank 1
Rank 1
answered on 06 Aug 2008, 02:23 PM
Hi,
I have gone through the link given by you. But i need few clarification on steps 4 and 5 in the provided link. Please give me some elaborated steps to achieve that scenario
I have gone through the link given by you. But i need few clarification on steps 4 and 5 in the provided link. Please give me some elaborated steps to achieve that scenario
0
Hello Srinivas,
The appearance of the RadEditor's dialogs is controlled by the RadWindow's CSS classes. That is why you should also include them, not only the RadEditor's ones.
Straight to the steps explanations:
Step 4: Every RadControl's appearance is controlled by two CSS files - [ControlName].css and [ControlName].[SkinName].css. In order to apply a CSS file, you should register it in the page's head - this is a general ASP.NET and CSS knowledge and you can find more information about this here. This being said, by adding the following code in the page's head:
you actually register the mentioned files for the RadEditor and RadWindow, which you have added to the project when you have copied the Skins folder to it (Step2).
Step 5: Create a new CSS file and put in it the styles from the mentioned files.
Kind regards,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
The appearance of the RadEditor's dialogs is controlled by the RadWindow's CSS classes. That is why you should also include them, not only the RadEditor's ones.
Straight to the steps explanations:
Step 4: Every RadControl's appearance is controlled by two CSS files - [ControlName].css and [ControlName].[SkinName].css. In order to apply a CSS file, you should register it in the page's head - this is a general ASP.NET and CSS knowledge and you can find more information about this here. This being said, by adding the following code in the page's head:
| <link href="Skins/Window.css" rel="stylesheet" type="text/css" /> |
| <link href="Skins/Editor.css" rel="stylesheet" type="text/css" /> |
| <link href="Skins/<CurrentSkin>/Window.<CurrentSkin>.css" rel="stylesheet" type="text/css" /> |
| <link href="Skins/<CurrentSkin>/Editor.<CurrentSkin>.css" rel="stylesheet" type="text/css" /> |
you actually register the mentioned files for the RadEditor and RadWindow, which you have added to the project when you have copied the Skins folder to it (Step2).
Step 5: Create a new CSS file and put in it the styles from the mentioned files.
Kind regards,
Svetlina
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.