I am using a custom skin for the RadEditor.
I have created the skin from the existing skin WebBlue.
Copied the css and image folders and renamed the files with myskin name.
EnableEmbeddedSkins="false"
After setting property. and skin = customskinname
Now the Radeditor looks with the skin, but when i open the ImageMap dialog,
The buttons are displayed in "Black" color i.e default skin color.
Please let me know
what more changes do i need to make?
I have created the skin from the existing skin WebBlue.
Copied the css and image folders and renamed the files with myskin name.
EnableEmbeddedSkins="false"
After setting property. and skin = customskinname
Now the Radeditor looks with the skin, but when i open the ImageMap dialog,
The buttons are displayed in "Black" color i.e default skin color.
Please let me know
what more changes do i need to make?
7 Answers, 1 is accepted
0
Todd Anglin
Top achievements
Rank 2
Rank 2
answered on 02 May 2008, 07:22 PM
Raghava-
Just to make sure I understand you correctly, you've managed to successfully apply your custom skin to the RadEditor, but now you want the dialogs to display your skin, too. Is that correct?
In short, the CSS resources that control the skin of the RadEditor also control the look and feel of the dialogs launch from the Editor. Try looking for CSS classes like "radECtrlButton" and "radedialog" to find the areas in the CSS files related to dialog styling.
You may also want to try clearing your browser's cache just to make sure this isn't a caching issue. Let me know if this helps.
-Todd
Just to make sure I understand you correctly, you've managed to successfully apply your custom skin to the RadEditor, but now you want the dialogs to display your skin, too. Is that correct?
In short, the CSS resources that control the skin of the RadEditor also control the look and feel of the dialogs launch from the Editor. Try looking for CSS classes like "radECtrlButton" and "radedialog" to find the areas in the CSS files related to dialog styling.
You may also want to try clearing your browser's cache just to make sure this isn't a caching issue. Let me know if this helps.
-Todd
0
raghava
Top achievements
Rank 1
Rank 1
answered on 02 May 2008, 07:59 PM
Hi Todd
Thanks a lot for quick reply.
Yes, I've managed to successfully apply my custom skin to the RadEditor, but now you want the dialogs to display custom skin, too.
Currently i have copied the Editor.WebBlue.css, Window.WebBlue.css.
As you have mentioned i searched for CSS classes like "radECtrlButton" , it is present in Widgets.WebBlue.css. I also copied this file into the myskin folder.
Still Image Map dialog buttons are appering in default skin style.
Please help me in fixing this.
Thanks a lot for quick reply.
Yes, I've managed to successfully apply my custom skin to the RadEditor, but now you want the dialogs to display custom skin, too.
Currently i have copied the Editor.WebBlue.css, Window.WebBlue.css.
As you have mentioned i searched for CSS classes like "radECtrlButton" , it is present in Widgets.WebBlue.css. I also copied this file into the myskin folder.
Still Image Map dialog buttons are appering in default skin style.
Please help me in fixing this.
0
Todd Anglin
Top achievements
Rank 2
Rank 2
answered on 02 May 2008, 08:11 PM
Raghava-
The CSS classes applied to the "buttons" (they're really links styled to look like buttons) are inherited from ".rade_dialog .radECtrlButtons." Look for the combination of these two classes to customize the appearance of the Image Map dialog.
For more analysis, I encourage you to use Firefox's FireBug, which makes it very easy to analyze the CSS rules used by the RadEditor.
-Todd
The CSS classes applied to the "buttons" (they're really links styled to look like buttons) are inherited from ".rade_dialog .radECtrlButtons." Look for the combination of these two classes to customize the appearance of the Image Map dialog.
For more analysis, I encourage you to use Firefox's FireBug, which makes it very easy to analyze the CSS rules used by the RadEditor.
-Todd
0
raghava
Top achievements
Rank 1
Rank 1
answered on 02 May 2008, 08:45 PM
Hi Todd
Actually i am creating the custom skin using existing WebBlue skin.
I tried to find the css style "radECtrlButton", I found it in the Widgets.WebBlue.css. I trie to include this with the RadEditor, but it shows no difference. Still the Image Map Dialog buttons are in default skin style.
I am using RadControls_Prometheus_2007_3_1314.
Does this support skinning of dialogs ?
Please help me.
Actually i am creating the custom skin using existing WebBlue skin.
I tried to find the css style "radECtrlButton", I found it in the Widgets.WebBlue.css. I trie to include this with the RadEditor, but it shows no difference. Still the Image Map Dialog buttons are in default skin style.
I am using RadControls_Prometheus_2007_3_1314.
Does this support skinning of dialogs ?
Please help me.
0
Todd Anglin
Top achievements
Rank 2
Rank 2
answered on 02 May 2008, 09:22 PM
Yes, the version you're using does support dialog skinning. If you open the Widgets.WebBlue.css file (or your copied version), you should be able to search the contents to find section dealing with the Image Map dialog (around line 2577). All of the settings specific to that dialog are contained here.
That said, you won't find CSS settings here that control the styling of the buttons. Those are set more generally (not dialog specific). In all cases, the button styling is set by the "radECtrlButtons" CSS class in the Widgets CSS file. You'll find this definition around line 3609. Try changing the background property, saving the file, clearing your browser cache, and then testing your page to see how it works.
If you still have trouble, it may be time to open a support ticket so we can help you troubleshoot any specific problems with your custom skin.
Hope that helps-
Todd
That said, you won't find CSS settings here that control the styling of the buttons. Those are set more generally (not dialog specific). In all cases, the button styling is set by the "radECtrlButtons" CSS class in the Widgets CSS file. You'll find this definition around line 3609. Try changing the background property, saving the file, clearing your browser cache, and then testing your page to see how it works.
If you still have trouble, it may be time to open a support ticket so we can help you troubleshoot any specific problems with your custom skin.
Hope that helps-
Todd
0
raghava
Top achievements
Rank 1
Rank 1
answered on 03 May 2008, 01:20 AM
Hi
I tried to fix the problem, but i think i am missing something.
If possible can you send me a sample project, which can help me to understand the skinning of dialogs for RadEditor.
This will help me a lot. Thanks in advace.
I tried to fix the problem, but i think i am missing something.
If possible can you send me a sample project, which can help me to understand the skinning of dialogs for RadEditor.
This will help me a lot. Thanks in advace.
0
Todd Anglin
Top achievements
Rank 2
Rank 2
answered on 07 May 2008, 05:01 PM
Raghava-
Sorry for the delayed reply. While trying to build your demo application, I noticed a pecular issue with skinning the buttons you're talking about. It appears that there may be an issue with the way the RadEditor renders styles for those button in "custom skin" mode.
I'm looping-in the product team, so we should have a definitive solution (or fix) very soon. I'll keep you posted.
-Todd
Sorry for the delayed reply. While trying to build your demo application, I noticed a pecular issue with skinning the buttons you're talking about. It appears that there may be an issue with the way the RadEditor renders styles for those button in "custom skin" mode.
I'm looping-in the product team, so we should have a definitive solution (or fix) very soon. I'll keep you posted.
-Todd