How to Create and Use Custom Skins for RadAjaxLoadingPanel

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

    Posted 30 Oct 2009 Link to this post


    RadControls version

    .NET version

    Visual Studio version

    programming language

    browser support

    all browsers supported by RadControls

    The following example demonstrates how to create a custom skin for the RadAjaxLoadingPanel control. Basically, only 3 CSS rules are needed - for the background image, the background color and the skin transparency.

    When using a skin with transparency, it is recommended to not set the RadAjaxLoadingPanel's Transparency property. Apart from being unnecessary, this triggers a rendering bug in IE, related to filters, and the animated image is not displayed properly.

    Using skins for RadAjaxLoadingPanel enables you to have a non-transparent loading image together with a semi-transparent background of the loading panel. This is not achievable when using a RadAjaxLoadingPanel the old way with a template.

Back to Top

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