Link for a good online visual style builder tutorial

4 posts, 0 answers
  1. Steve Holdorf
    Steve Holdorf avatar
    119 posts
    Member since:
    Apr 2010

    Posted 16 Aug 2010 Link to this post

    Can you provide me with a link for a good online visual style builder tutorial?


    Steve Holdorf
  2. Alex Gyoshev
    Alex Gyoshev avatar
    2527 posts

    Posted 17 Aug 2010 Link to this post

    Hello Steve,

    There are several videos on

    Best wishes,
    Alex Gyoshev
    the Telerik team
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items
  3. Amy
    Amy avatar
    2 posts
    Member since:
    Jul 2011

    Posted 25 Jan 2012 Link to this post


    I'm very new to your Visual Style Builder tool for the current beta version that's online, and I have searched everywhere for a tutorial.  The videos are good if everything goes right, but they don't explain how to get rid of the spacing and color issues that I've encountered.  I did discover that some of those issues had to do with the default padding and margins.  I have currently created a test menu that has only 2 shades of blue.  I have also set the margins, borders and padding values to 0.  When I go to use the menu within Sitefinity, I wind up getting gray coloring to right-hand side of the first column,   It also contains gray in the middle expanded area - I didn't define any gray color what so ever with the styler, yet it shows up in the menu.  Please point me to documentation, as this trial and error isn't helping me resolve my issue.

    Thanks so much in advance,
  4. Bozhidar
    Bozhidar avatar
    693 posts

    Posted 30 Jan 2012 Link to this post


    VisualStyleBuilder is a tool that is supposed to style in most cases colors, font-size, gradients. It is not recommended to change margin, padding and even borders which are considered as base styles that are building the controls layout. Any change of that styles could brake it. Even if we provide such tool and we have custom skin tutorial in our online help documentation, we do not support custom solutions. It is a developer/front-end developer responsibility to build the custom skin in a way that will not break the control.

    Also note, that even the VisualStyleBuilder is a helpful tool, it could not substitute completely the Front-End Developer, it could help you to create easy and painless a custom skin based on any of the existing Telerik embedded skins, but if you like more customized solutions, it will be necessary to use both VisualStyleBuilder and handmade changes in an image editor software such as Adobe Photoshop and manually to change the base CSS file if it is necessary.

    As for a detailed documentation, I think the video tutorials are more than enough as the VisualStyleBuilder has a simple navigation and options: Under colorize tab you could change the main colors/gradients in the sprite images. You have an option to use wen friendly colors with the web palette ColorPicker or RGB/HSV under HSV tab, and under Shift Colors tab you could change Hue/Saturation.

    Under the other main tab - Fine Tune - you could change skin specific CSS options such as font-size properties, text color, background color, etc.

    It is really simple and the video tutorials gives all the information that you need in order to operate with the tool.

    All the best,
    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
Back to Top