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

Change gif image for loading panel

3 Answers 245 Views
SkinManager
This is a migrated thread and some comments may be shown as answers.
David
Top achievements
Rank 1
Iron
Iron
Veteran
David asked on 25 Feb 2020, 07:19 PM

Trying to change "busy" animation for WebBlue.

Please help

3 Answers, 1 is accepted

Sort by
0
Attila Antal
Telerik team
answered on 03 Mar 2020, 03:40 PM

Hi David,

You can use the Template functionality of the AjaxLoadingPanel and add any loading image of your choice.

Check out the AjaxLoadingPanel - Templates and Transparency article to see it in action.

Kind regards,
Attila Antal
Progress Telerik

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
0
David
Top achievements
Rank 1
Iron
Iron
Veteran
answered on 05 Mar 2020, 05:58 PM

Hi Atilla,

  Can it be solved on css level?

0
Attila Antal
Telerik team
answered on 10 Mar 2020, 12:30 PM

Hi David,

 

Yes, almost everything related to appearance can be handled with CSS. In some cases, however, JavaScript is required additionally to override some rules, especially if the controls that need the styling have their own internal JavaScript logic which executes at a later stage (after the CSS is loaded) and it applies some styling. Overriding these styles can only be done once the internal logic finished executing, for instance using JavaScript that executes at a later stage, right after the internal logic finished its execution.

Here are a couple of links that you might find helpful.

Events that you can try:

 

A couple of CSS rules that you can check out:

 

To learn more about CSS styling and using the Browser's developer tools, you may find the following videos useful: 

 

For further customization, you can follow the suggestions in the first two points of the Improve Your Debugging Skills with Chrome DevTools blog post explaining how to inspect the generated HTML and check the applied styles for various elements. 

Once you know the styles you need to override, you can use the same style selector and add "html body " in front of it to make it more specific, "stronger". More on CSS specificity you can find here: 

 

Kind regards,
Attila Antal
Progress Telerik

Get quickly onboarded and successful with UI for ASP.NET AJAX with the Virtual Classroom technical trainings, available to all active customers. Learn More.
Tags
SkinManager
Asked by
David
Top achievements
Rank 1
Iron
Iron
Veteran
Answers by
Attila Antal
Telerik team
David
Top achievements
Rank 1
Iron
Iron
Veteran
Share this question
or