This is a migrated thread and some comments may be shown as answers.

Stylebuilder not working right now?

19 Answers 123 Views
Visual Style Builder
This is a migrated thread and some comments may be shown as answers.
Patrik Johansson
Top achievements
Rank 1
Patrik Johansson asked on 23 Mar 2012, 10:50 AM
I've tried the Visual Stylebuilder today (for the first time in a few months) and it appears almost nothing is working. I find myself changing colors but only in less than 50% of the cases I will see any changes. Like when trying to edit a RadTabStrip or Button, making a few color changes in fine-tune and nothing changes on the screen (I've clicked "removed" on background images etc to make sure that isn't why).

Even when I see them, the mostly doesn't work in preview, like if I chose to make a new skin based on lets say the default skin, then change base color for Button or RadTabStrip, I will see the buttons update on the screen, but when I click save, it will tell me how the different buttons will look, and they all look exactlly as they do in the original skin. For other components like Calendar it does seem to work though. And this seem to go on and on. I've tried using Chrome, IE and Firefox, all in latest versions but the problem remains. 


When I tried the Style Builder a few months ago, it worked much better. Is this a temporary thing? Unfortunately, I find it close to useless right now (sorry).

19 Answers, 1 is accepted

Sort by
0
Bozhidar
Telerik team
answered on 23 Mar 2012, 12:52 PM
Hello,

I have tried your scenario and it works as expected. You could see my test at: http://screencast.com/t/Q4NHHEEZIN.

Firstly I colorized the buttn and next I have change button text color and made it bold, italic and underlined and it works as you could see from my test.

Could you be more specific what do you expect from the Visual Style Builder to do, and what does not work?

Kind regards,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Patrik Johansson
Top achievements
Rank 1
answered on 23 Mar 2012, 01:14 PM
Hi,

When looking at your video, the buttons shown once you hit save after having changed the base color are incorrect, they are not displayed using correct colors. If you change for example a Calendar module in the same way, those changes are shown. 

And when working with fine-tune, we don't seem to be getting the same results. Here is my video, I'm using latest Google Chrome on Windows 7.

http://screencast.com/t/qeoiJTkBr 

0
Bozhidar
Telerik team
answered on 23 Mar 2012, 01:30 PM
Hello,

VisualStyle Builder is a complicated application and it seems to work best in FireFox browser.

I have tried your scenario with Chrome, and in colorization mode even if it does now show the changes, when you download the skin, the changes were applied.

However, the changes made in Fine Tune were not applied.

As I mentioned, this is a complicated application and it works best in FireFox and my advice is to use that browser when using Visual Style Builder. If it was working fine in a previous Chrome version then it is a browser behavior related to the latest Chrome version to not work now, as nothing in general was changed.

Kind regards,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Patrik Johansson
Top achievements
Rank 1
answered on 23 Mar 2012, 01:50 PM
HI,

When trying to run this in Firefox 11 it doesnt work at all as you can see here:

http://screencast.com/t/iiReTvy7gF 


Other Silverlight applications seem to work fine though in the same browser/installation, like http://www.tjcombo.net/, so it shouldn't be a case of Silverlight not working at all. Tried IE 9 as well but same problems there as with Chrome.

Edit:
I think it can maybe be a height/width problem with Firefox, as you can see the Silverlight module is there if you right click (You will get "Silverlight") and it is also possible do "drag around" the green stripe 
0
Patrik Johansson
Top achievements
Rank 1
answered on 23 Mar 2012, 02:06 PM
I asked a colleague to try it with his older version of Firefox (8.01) and in that the Stylebuilder seemed to work fine. In that it was also possible to edit the same settings as you did in your video which you provided above. I've not had a chance to try another installation of Firefox 11 with Stylebuilder, but it seems like perhaps Stylebuilder isn't compatible with IE and Chrome, and not with all versions of Firefox. I think you should perhaps highlight this more to avoid having other users experience the same problems as we have. 
0
Bozhidar
Telerik team
answered on 23 Mar 2012, 03:13 PM
Hi,

We will consider that, but most probably we will do our best to make it work fine under all browsers, I think this should be the proper solution.

Kind regards,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Patrik Johansson
Top achievements
Rank 1
answered on 26 Mar 2012, 12:05 AM
Since I have not been able to get the current version of StyleBuilder to work with any of the 3 major web browers, could you please direct me to which version of what browser to use? I assume it's Firefox but which version? As reported above, it doesn't seem to work in the latest version. Of course, it's preferable not having to downgrade at all, but it seems like the only option
0
Bozhidar
Telerik team
answered on 27 Mar 2012, 08:43 AM
Hello,

The test in this video: http://screencast.com/t/Q4NHHEEZIN is made with FireFox 11.0 version. Could you send us a video capture showing what exactly is the problem on your side? Note that even the change could not be previewed in the Visual Style Builder, ot could be applied in the generated CSS.

Greetings,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Patrik Johansson
Top achievements
Rank 1
answered on 27 Mar 2012, 08:57 AM
Not sure what you mean by "Note that even the change could not be previewed in the Visual Style Builder, ot could be applied in the generated CSS."? Did try with Firefox 8 on another computer yesterday and that worked. I've previously attached a screendump of the problems we had in Firefox 11.



0
Bozhidar
Telerik team
answered on 27 Mar 2012, 01:13 PM
Hello,

That means, that the preview in the Visual Style Builder application could not work - if you click to bold the text, it is possible not to see how it will become bold in the application work space, but the bold to be actually applied in the real generated CSS file.

http://screencast.com/t/7ynUlSD18H7V this a new test with FireFox 11.0 as you could see and everything works as expected: 1) the colorization works; 2) changing color and text properties for default button works; 3) changing color, text properties and background color for link button works.

As I could see the only change that have to be done by hand is to make heavier the selector for the Link button:

a.RadButton_test.rbLinkButton {
 
    background-color: rgb(255, 255, 0);
 
    color: rgb(51, 255, 0);
 
    font-weight: bold;
 
    font-style: italic;
 
    text-decoration: underline;
 
}

Attached is ButtonCustomSkinExample.zip showing the way the generated new skin will be applied with RadButton.

According to my test, the VisualStyleBuilder works well enough with FireFox 11.0. If you are experiencing specific issues, make a movie capture and send it to us.

All the best,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Patrik Johansson
Top achievements
Rank 1
answered on 27 Mar 2012, 01:37 PM
Good that it seems to be working in Firefox 11. Since we used another Firefox to solve our problems we have not looked into this further, could be a Firefox plug in or something causing the problems we experienced. Still think you should highlight more that it doesnt work well in IE/Chrome (I got the impression you confirmed that above). Thanks for looking into this. 
0
Brenda Rueb
Top achievements
Rank 1
answered on 13 Apr 2012, 03:46 PM
Can confirm that none of the changes I've requested through IE8 were saved. As I'm in a locked down environment, loading another browser is not an option. Guess I'll be making changes at home & bringing them in... Looks like a cool tool, thanks for setting it up, even if it doesn't work with IE.
Brenda
0
Bozhidar
Telerik team
answered on 17 Apr 2012, 08:00 AM
Hi,

Please, apologist for the inconvenience, but you should keep in mind that Visual Style Builder is a complicated high end application, and it is very possible not to work properly in older browsers and even in newer. While we are testing it, it seems it works best in latest FireFox and Opera versions and it also works pretty stable in IE9.

Greetings,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Brenda Rueb
Top achievements
Rank 1
answered on 18 Apr 2012, 02:10 PM
It looks like it's related to the color picked. If you use the standard colors from the palette, and don't try to customize them, it will show the results in the colorization for some of the controls in IE8, button is not one of them. It doesn't keep the color setting when it goes back to the dialog, which is consistent with the video using firefox, but it does save the changes when it's downloaded. I used the cc9900 instead of a5a56e, which is the color in our approved palette. Firefox did save the changes with that color, but IE did not. Firefox did show the color changes on the preview, but after the save, the followup display was all grays with the approved color. I am not able to test with a standard color on firefox at this time, will try at home when I get a chance. 
We found out that the gradients with the approved color were too light, so we'll be using the cc9900 until directed otherwise.
0
Bozhidar
Telerik team
answered on 19 Apr 2012, 08:05 AM
Hi,

Thank you for the feedback working with Visual Style Builder. It will be useful to know all the issues you face when we try to fix the problems.

Note also, that Visual Style Builder uses older dll than Q1 2012 SP1, and if you need the latest build it will be necessary to do some of the changes manually.

Note also, that  Visual Style Builder is an advanced tool  and could save a lot of time during customization, in some of the cases it could not fully substitute a human front end developer, as some of the improvements both in CSS and / or Sprite images could be made better by hand.

Greetings,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Danny
Top achievements
Rank 2
answered on 25 May 2012, 09:50 PM
Just a suggestion, you would do well to state straight away that Visual Style Builder works best in Firefox and that other browsers might be problematic. 

I'm in a locked-down environment as well, and knowing this would've saved me some time. 
0
Bozhidar
Telerik team
answered on 28 May 2012, 08:01 AM
Hello,

We are in a  process of improving Visual Style Builder and will try to make it work as expected in all modern browsers.

Greetings,
Bozhidar
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
0
Yazan
Top achievements
Rank 1
answered on 09 Mar 2015, 08:48 AM
I'm trying to build a custom skin using Telerik skin builder. upon modifying the default skin it doesn't get reflected.

Please note: i tried with FireFox, IE and Chrome with some results.

0
Bozhidar
Telerik team
answered on 12 Mar 2015, 09:21 AM
Hi,

The provided information is not enough to give you some proper help. Could you specify which control do you try to skin?

Note that the Style Builder has two modes - fine tune where you change specific parts of the control (color, border color, fonts etc.), and colorize - where you change the image background colors.

Regards,
Bozhidar
Telerik
 

Check out the Telerik Platform - the only platform that combines a rich set of UI tools with powerful cloud services to develop web, hybrid and native mobile apps.

 
Tags
Visual Style Builder
Asked by
Patrik Johansson
Top achievements
Rank 1
Answers by
Bozhidar
Telerik team
Patrik Johansson
Top achievements
Rank 1
Brenda Rueb
Top achievements
Rank 1
Danny
Top achievements
Rank 2
Yazan
Top achievements
Rank 1
Share this question
or