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
    63F75A2C-1F16-4AED-AFE8-B1BBD57646AD avatar
    1572 posts
    Member since:
    Oct 2004

    Posted 30 Oct 2009 Link to this post

    Requirements
    RadControls version

    2009.1+
    .NET version

    Visual Studio version

    programming language

    browser support

    all browsers supported by RadControls


    PROJECT DESCRIPTION
    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.