This is a migrated thread and some comments may be shown as answers.

Override default CSS loading image

2 Answers 41 Views
Ajax
This is a migrated thread and some comments may be shown as answers.
Jon
Top achievements
Rank 1
Jon asked on 17 Jul 2009, 03:04 PM
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

2 Answers, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 20 Jul 2009, 11:43 AM
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.
0
Jon
Top achievements
Rank 1
answered on 20 Jul 2009, 12:34 PM
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
Tags
Ajax
Asked by
Jon
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Jon
Top achievements
Rank 1
Share this question
or