Custom Skins for RadEditor - buttons are appearing in default skin

8 posts, 0 answers
  1. raghava
    raghava avatar
    5 posts
    Member since:
    Apr 2008

    Posted 02 May 2008 Link to this post

    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?
     
  2. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 02 May 2008 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. raghava
    raghava avatar
    5 posts
    Member since:
    Apr 2008

    Posted 02 May 2008 Link to this post

    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.
  5. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 02 May 2008 Link to this post

    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
  6. raghava
    raghava avatar
    5 posts
    Member since:
    Apr 2008

    Posted 02 May 2008 Link to this post

    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.
  7. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 02 May 2008 Link to this post

    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
  8. raghava
    raghava avatar
    5 posts
    Member since:
    Apr 2008

    Posted 02 May 2008 Link to this post

    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.
  9. Todd Anglin
    Todd Anglin avatar
    2040 posts
    Member since:
    Aug 2005

    Posted 07 May 2008 Link to this post

    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
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017