Create Custom Skin using the Default or Metro skins as a base

1 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 posts
    Member since:
    Oct 2004

    Posted 14 Dec 2011 Link to this post

    Requirements

    RadControls version RadComboBox for ASP.NET AJAX
    .NET version 3.5+
    Visual Studio version VS 2008/2010
    programming language C# / VB.NET
    browser support

    all browsers supported by RadControls


    PROJECT DESCRIPTION
    This sample project demonstrates how to create your own custom skin using the embedded Default or Metro skins. When the custom skin is based on the Default embedded skin, the RadComboBox is styled using sprite images. Unlike the Default skin, the custom skins based on Metro skin, style the appearance of the RadComboBox using simple images and CSS.
    This project contains the two aforementioned approaches to creating custom skins.

    Note 1:
    In the case when Metro skin is used as a base,  CSS3 is used to round the corners of the input field and the drop-down-list container of the RadComboBox. Thus the corners will not be visualized as rounded if the page is viewed under IE7,8 and some older versions of the other browsers supported by the RadControls.

     Note 2:
    To keep the example project simple, the changes made to the images used in the project, in both approaches, are minor.

Back to Top