Stylebuilder not working right now?

20 posts, 0 answers
  1. Patrik Johansson
    Patrik Johansson avatar
    270 posts
    Member since:
    May 2010

    Posted 23 Mar 2012 Link to this post

    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).
  2. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 23 Mar 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Patrik Johansson
    Patrik Johansson avatar
    270 posts
    Member since:
    May 2010

    Posted 23 Mar 2012 Link to this post

    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 

  5. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 23 Mar 2012 Link to this post

    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.
  6. Patrik Johansson
    Patrik Johansson avatar
    270 posts
    Member since:
    May 2010

    Posted 23 Mar 2012 Link to this post

    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 
  7. Patrik Johansson
    Patrik Johansson avatar
    270 posts
    Member since:
    May 2010

    Posted 23 Mar 2012 Link to this post

    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. 
  8. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 23 Mar 2012 Link to this post

    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.
  9. Patrik Johansson
    Patrik Johansson avatar
    270 posts
    Member since:
    May 2010

    Posted 25 Mar 2012 Link to this post

    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
  10. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 27 Mar 2012 Link to this post

    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.
  11. Patrik Johansson
    Patrik Johansson avatar
    270 posts
    Member since:
    May 2010

    Posted 27 Mar 2012 Link to this post

    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.



  12. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 27 Mar 2012 Link to this post

    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.
  13. Patrik Johansson
    Patrik Johansson avatar
    270 posts
    Member since:
    May 2010

    Posted 27 Mar 2012 Link to this post

    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. 
  14. Brenda Rueb
    Brenda Rueb avatar
    12 posts
    Member since:
    Jul 2008

    Posted 13 Apr 2012 Link to this post

    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
  15. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 17 Apr 2012 Link to this post

    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.
  16. Brenda Rueb
    Brenda Rueb avatar
    12 posts
    Member since:
    Jul 2008

    Posted 18 Apr 2012 Link to this post

    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.
  17. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 19 Apr 2012 Link to this post

    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.
  18. Danny
    Danny avatar
    35 posts
    Member since:
    May 2012

    Posted 25 May 2012 Link to this post

    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. 
  19. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 28 May 2012 Link to this post

    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.
  20. Yazan
    Yazan avatar
    1 posts
    Member since:
    Mar 2015

    Posted 09 Mar 2015 Link to this post

    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.

  21. Bozhidar
    Admin
    Bozhidar avatar
    679 posts

    Posted 12 Mar 2015 Link to this post

    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.

     
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017