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

Thread is closed for posting
1 posts, 0 answers
  1. 63F75A2C-1F16-4AED-AFE8-B1BBD57646AD
    63F75A2C-1F16-4AED-AFE8-B1BBD57646AD avatar
    1572 posts
    Member since:
    Oct 2004

    Posted 14 Dec 2011 Link to this post


    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

    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

This Code Library is part of the product documentation and subject to the respective product license agreement.