Use VSB to modify Car Rental Demo Clear Skin

[Jim]

Is it possible to use Visual Style Builder to modify the "Clear" skin which the Car Rental Demo uses?  Specifically, I'd like to change out the Red color for another.  I've tried to upload the Clear.zip file into the VSB page, but get an HTTP 400 error.  Really love this skin and would very much like to use it elsewhere w/"tweaks" here and there (i.e., colorization and ajax image sprites).

Thanks in advance!
Jim

[Alex Gyoshev]

Hello Jim,

1. Create a skin called Clear in the style builder and download it
2. Open the archive and replace the files with the files from the Clear skin from the Car Rental Demo (thus, keeping the file structure the same)
3. Upload the modified archive to the style builder.

All the best,
Alex Gyoshev
the Telerik team

[Jim]

Thanks for the reply Alex.  That worked w/just a minor modification...The "Ajax" folder and .css file had to be removed from the Clear skin folder.  Turns out the "Ajax" folder is actually empty thus, was not being included when zipping up the folders/files.

Best,
Jim

[Erik]

When i try this i get :

Bad Request - Invalid URL

---

HTTP Error 400. The request URL is invalid.

even when i try alex his remarks. This is in Chrome, in IE it does just nothing...

the url is also very strange: (chrome)

http://stylebuilder.telerik.com/%3C!DOCTYPE%20html%20PUBLIC%20%22-//W3C//DTD%20XHTML%201.0%20Transitional//EN%22%20%22http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd%22%3E%3Chtml%20xmlns=%22http://www.w3.org/1999/xhtml%22%3E%3Chead%3E%3Cmeta%20http-equiv=%22content-type%22%20content=%22text/html;charset=utf-8%22%20/%3E%3Ctitle%3ENot%20found%20(Telerik)%3C/title%3E%3C!--[if%20IE]%3E%3Clink%20rel=%22stylesheet%22%20href=%22global/ie.txt%22%20type=%22text/css%22%20/%3E%3C![endif]--%3E%20%20%20%20%20%20%20%20%20%20%20%20%3Clink%20href=%22global/global.css%22%20type=%22text/css%22%20rel=%22stylesheet%22%20/%3E%3Cstyle%20type=%22text/css%22%3E.RadMenu%20ul.rmActive,%20.RadMenu%20ul.rmRootGroup%20%7Bdisplay:block;%7D.RadMenu%20ul.rmHorizontal,%20.RadMenu%20ul.rmVertical%20%7Bfloat:left;left:0pt;margin:0pt;padding:0pt;position:relative;%7D.RadMenu%20%7Bfloat:left;position:relative;white-space:nowrap;%7D.RadMenu%20.rmHorizontal%20.rmItem%20%7Bclear:none;%7D.RadMenu%20.rmItem%20%7Bfloat:left;list-style-image:none;list-style-position:outside;list-style-type:none;position:relative;%7D.RadMenu%20a.rmLink%2
.............................
<li><a id="ctl00_SiteNavigation1_siteDir_ctl06_siteDirItems_ctl04_subItemsName" href="http://www.telerik.com/company/contact-us.aspx">Contact Us</a></li>                                    </ul>                        </div>            </div>                </div>            </div>            </div><!-- tContentWrap --><div class="tBottomWrap"><div class="tInnerWrap tBottom"><div class="tClear tLast"><p><a href="http://www.sitefinity.com/" class="poweredBySitefinity" title="Sitefinity ASP.NET CMS">Powered by Sitefinity ASP.NET CMS</a></p><p class="tLeft"><a href="http://www.telerik.com/company/contact-us.aspx">Contact Us</a> |<a href="http://www.telerik.com/company/contact-us/feedback.aspx">Site Feedback</a> |<a href="http://www.telerik.com/terms.aspx">Terms of Use</a><br />Copyright © 2002-2008 Telerik. All rights reserved.                        </p></div></div></div><!-- tBottomWrap -->                </div><!-- cmsWrapper -->    </form></body></html>

[Alex Gyoshev]

Hello Proovit,

You can find the Clear skin archive attached, ready for import in the style builder. If the problem with the strange URL persists, clear the cookies for the stylebuilder.telerik.com domain and it should perish.

Best wishes,
Alex Gyoshev
the Telerik team

[Erik]

Thanks Alex,

Works fine now!

(cut the url somewhat, post was somewhat big)

[Jai]

Hi Alex,

I am uploading the same Clear.zip that you have attached below in post on StyleBuilder.telerik.com and every time i am getting following error.

Bad Request - Invalid URL

---

HTTP Error 400. The request URL is invalid.

Can you please let me know what is the issue here ? How can i resolve that ?

Thanks,
--JP

[Alex Gyoshev]

Hello Jai,

Have you tried clearing your cache and cookies for the stylebuilder.telerik.com domain?

Kind regards,
Alex Gyoshev
the Telerik team

[Jai]

Yes, So many times i cleared Cache and cookies for stylebuilder.telerik.com domain.

Thanks,
--JP

[Alex Gyoshev]

Hello Jai,

Have you tried to use another browser? Or clearing all your cookies? I just tried uploading the last zip archive from this thread and it was uploaded successfully both under Firefox, Chrome and IE. You can also try to disable any extensions or firewalls, if you want to dig into what breaks the application for you.

Kind regards,
Alex Gyoshev
the Telerik team

[Farid Hayati]

The uploaded clear skin doesnt work when we import it to visual style builder. We cant customize it. Getting the following error message:

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

We hope this problem will be fixed. Since we use a lot the telerik visual style builder. But we have a lot of problems with customizations. We tried in different browsers. 

another problem is when you apply the first color to any skin, after that you cant apply another color and everything changes to blank. This is not only the clear skin but any predefined skin as well.

We tried to clear all the browser cookies and alle other temporary that, disabled firewall and antivirus. 
Thanks a lot.

[Alex Gyoshev]

Hello Farid,

We managed to reproduce the error, and the application has been updated. Editing the clear skin should be working now.

Regards,
Alex Gyoshev
the Telerik team

[Farid Hayati]

I tried to customise the clear skin on visual style builder website and its still not working. the first problem is I am getting the same error message when I try to save.

"Colorization failed!

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

The other problem is that the preview window showing wrong skin (colours and structure). When I am import the uploaded clear skin from this forum. It looks like simple skin and not the clear skin. 


Thanks a lot

[Alex Gyoshev]

Hello Farid Hayati,

This problem seems to occur when there are read-only files in the archive. We will address this problem with the next upload, but until then, please remove the read-only attribute from the files. I am attaching a modified version of the Clear skin archive.

The simple skin shows instead of the clear skin because there are no custom thumbnails for the clear skin (that will get colorized). This is a known limitation of the application, and I am sorry for the inconvenience.

Kind regards,
Alex Gyoshev
the Telerik team

[ba]

Hi,
Same error occurs with one skin i built and zip by mistake.
I found the problem.
It's because I  zipped the folder "Clear" which contains all subfolder and files for skins in Clear.zip instead to  zip directly all the contents of Clear in Clear.zip. So take care of that. 
To resume :
<bad way> if you {Clear.zip} contains : 

  -- Clear

  I---- Buttons

  I---- Calendar ....

<right way> if you {Clear.zip} contains directly : 

   -- Buttons

   -- Calendar ....

I hope it can help someone. 

[Tom]

Thank you!