Override default CSS loading image

[Jon]

Hi,

I'd like to override the default loading image set in the various skins.  What is the CSS style that I'd need to do this for?

Changing the css based image will be a lot quicker than setting the image for each panel in each page...

Regards,

Jon

[Dimo]

Hi Jon,

The background image in each RadAjaxLoadingPanel skin is defined as follows :

.RadAjax_Skin  .raDiv
{
    background-image:url('....');
}


In order to override the above, you need to use a CSS rule with a higher specificity, e.g. :

div.RadAjax_Skin  .raDiv
{
    background-image:url('....');
}


For more information about specificity and skin overriding, please refer to:

http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx


Greetings,
Dimo
the Telerik team

Instantly find answers to your questions on the new Telerik Support Portal.
Check out the tips for optimizing your support resource searches.

[Jon]

Hi Dimo,

Thanks very much for that - works perfectly!

I have a quick scan of the blog entry and it's very helpful so thanks for pointing me towards that.  I really must start using the Firebug tool as I seem to get a lot of situations where I need to tweak css so that will be very helpful.

Thanks again,

Jon