All Products
Demos
Pricing
Services
Blogs
Docs & Support
Search
Shopping cart
Login
Contact Us
Get A Free Trial
close mobile menu
Telerik Forums
/
UI for ASP.NET AJAX Forum
/
Ajax
/
about RadAjaxLoadingPanel
Cancel
Telerik UI for ASP.NET AJAX
Resources
Buy
Try
Feed for this thread
2 posts, 0 answers
Webster Velasco
115 posts
Member since:
Nov 2009
Posted 02 Jul 2010
Link to this post
hi
i was wondering how can i change the loading image
when i add this control in my page
<
telerik:RadAjaxLoadingPanel
runat
=
"server"
ID
=
"RadAjaxLoadingPanel1"
/>
and i want to set the modal=true so the user cant click to any other buttons or controls
thanks
regards
Dimo
Admin
8482 posts
Posted 02 Jul 2010
Link to this post
Hi Webster,
Here is how to display a RadAjaxLoadingPanel over the whole page, so that the user cannot click anywhere during AJAX requests:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-make-a-radajaxloadingpanel-span-over-the-whole-page.aspx
If you want to use a custom animated loading image, you will either have to override the RadAjaxLoadingPanel skin...
http://www.telerik.com/help/aspnet-ajax/modifyingexistingskins.html
http://blogs.telerik.com/dimodimov/posts/08-06-17/how_to_override_styles_in_a_radcontrol_for_asp_net_ajax_embedded_skin.aspx
... or create a custom skin for the loading panel:
http://www.telerik.com/community/code-library/aspnet-ajax/ajax/how-to-create-and-use-custom-skins-for-radajaxloadingpanel.aspx
Here is an example how to override the embedded skin with a CSS rule:
div.RadAjax_
SkinName
.raDiv
{
background-image:url('
my-custom-animated-image.gif
');
}
All the best,
Dimo
the Telerik team
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the
Telerik Public Issue Tracking
system and vote to affect the priority of the items
Back to Top
Close