Error When Selecting Black as a Base Theme

[Betty]

Hello,

I'm receiving an error when selecting Black as a base skin in the Visual Style Builder for the Telerik ASP.NET AJAX. Steps to reproduce:
1) Select the ASP.NET AJAX tab on the Visual Style Builder Website
2) Enter any name into the Skin Name (I used Temp1 or MyStyle)
3) Select "Blacl" as the Base Skin
4) Select TabStrip (or any control)
5) Click "Create"

An error message pops up saying :

Failed to create skin!

A server error has occured.
We have been notified and will try to resolve it ASAP.
Sorry for the inconvenience.

I've tried creating a new skin using Black as a base under IE9, FireFox 5 and Chrome with out success. I also have Silverlight 4 installed, if that information helps. Please assist.

Thanks,
Betty

[Alex Gyoshev]

Hello Betty,

We are aware of this error and it will be fixed with the next upload (next week). Thank you for reporting it.

Best wishes,
Alex Gyoshev
the Telerik team

[Cradz]

Still broken.

[Bozhidar]

Hi,

Visual Style Builder will be updated after the official release of Q2 SP1, scheduled for Thursday this week, as we would like to provide the latest  DLL into the VSB project. That means that SVB will be updated next week about 20-21 September.

Greetings,
Bozhidar
the Telerik team

[David]

Still doesn't work.

[Bozhidar]

Hi David,

We have updated the Visual Style Builder and now all skins including Black work as expected, but we have other issues to be fixed. We hope that until the end of the week they will be resolved and updated working version will be uploaded.

Accept our apologies for the inconvenience. Try to use another dark skin as a template (Office2010Black) until then.

Kind regards,
Bozhidar
the Telerik team

[David]

Thanks for replying, the following work around worked for me:

1. Goto the installation folder for the RadControls.
2. Find the folder Skins/Black
3. Copy and than rename the files based on what your skin name is going to be.
4. Do a search and replace in the .css filed to replace the word "Black" with the name of your skin.
5. Zip the files
6. Goto Visual Stylizer and use the Import and Edit option.

If your unsure of 3 & 4, create and download a skin using Visual Stylizer to see how the nameing works.

[Bozhidar]

Hi David,

Thank you for sharing how you could use as a base Black skin even if it is not accessible at the moment. We are working to fix the issues and hope that until the end of the week we will have working and updated Visual Style Builder.

Regards,
Bozhidar
the Telerik team

[Rob]

Hi,

This is still causing me problems. Do you have any idea when it will be working? - I am stuck without it!

In the meantime, would it be possible to supply a "black" skin template such as that that VSB would create? This would help as I am wanting to use the black skin but cannot use the Embedded skins. The skins I have as part of the install seem to be different in structure to the ones that come out of VSB and cause 1 or 2 issues with RadWindow...

Thanks in advance,

Rob.

[Cradz]

Rob,

Are you having the same problem I had per http://www.telerik.com/community/forums/aspnet-ajax/skin-manager/custom-skins-radwindow-fails-to-load-css.aspx ?

I was having a problem with custom skins not showing the skin correctly with RadWindowManager and RadAjaxManager.

They have fixed it with the latest internal build.

[Rob]

Hi Cradz,
It certainly looks very much like it. I'll look forward to the new release! - My guess is it should be due pretty shortly if it is a "Q3 2011" edition :)

[Cradz]

If you don't want to use the current internal build you can use the fix per the topic I posted above.

You just need to include the custom window css file (and ajax if using ajax loading panels) in your page either hardcoded or insert via the code like I did in codebehind (I have a page base class so was super easy for me). Another option is to just add a blank hardcoded window in RadWindowManager as that fixes the problem too.

I'm currently recoding my site from the ground up so I'm using the internal build which fixed the problem and hopefully they'll release the production version before I'm done. :)

Regarding the black theme, I have a "charcoal" theme on my site which closly matches the telerik black theme except for the green link colors. I just copied the black theme from the telerik install directory and ran search and replace to replace black with charcoal and searched for the html color they use for the green and changed it to the brown color I need.

[Rob]

Hi Cradz,

Yes, we're looking at the code at the moment.

Your "Charcoal" theme sounds good - I was planning on changing the green links anyway!
Could you post it for me?

Thanks a lot 8¬)

[Cradz]

Unfortunately can't attach here.

I haven't done much though so probably wouldn't be useful to you. I haven't changed any images yet etc. just the link colors.

I mainly wanted to change the RadMenu hover link color as the green was driving me nuts.

I use #CC6620 as my color. You have to change the name of the css files i.e. Menu.Black.css to Menu.Charcoal.css and then search and replace areas such as:

.RadMenu_Black a.rmLink:hover
{
 color: #9eda29;
}

to

.RadMenu_Charcoal a.rmLink:hover
{
    color: #CC6620;
}

So all I did was search and replace _Black and replaced with _Charcoal and then #9eda29 to #CC6620.