about RadAjaxLoadingPanel

2 posts, 0 answers
  1. Webster Velasco
    Webster Velasco avatar
    114 posts
    Member since:
    Jun 2012

    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
  2. Dimo
    Admin
    Dimo avatar
    8331 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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top