Loading Animation on Visualforce | Techila
single,single-post,postid-1054,single-format-standard,ajax_updown_fade,page_not_loaded,,qode_grid_1300,footer_responsive_adv,hide_top_bar_on_mobile_header,qode-content-sidebar-responsive,qode-theme-ver-9.4.2,bridge,wpb-js-composer js-comp-ver-4.12,vc_responsive

Loading Animation on Visualforce


Loading Animation on Visualforce

Maybe it’s just be but even if you build the most amazing system in the world, it won’t be awesome if it is not visually pleasing or beautiful UI. No font should not be uneven, or the images should not haywire. Everything should be in order. Perfect. 

A simple script can save you a long email, informing you that a million dollar system is broken because it does nothing when users click the buttons. If you have a long processing happening in the background, its not good to assume your users are psych to know what’s happening in background (if only we could see data packets send one by one).  If you do not show them that something is happening, they will end up clicking the button again and again, sending multiple request to the server. Worst case scenario your system will be returned back with a thank you note that excel sheet was better, this is broken.

I found a optimized and simple way of doing it.


<apex:facet name=”start”>

<img src=”{!$Resource.AjaxAnimation}” />




The please wait image should be loaded in static resources with name ‘AjaxAnimation’. You can download some nice images I collected for my 
own projects.
This simple code will help you prevent that unpleasant email on a Monday morning that will spoil the whole day.

The best way to do it is make a custom component and keep it handy on all the pages, just add the component to the page. Working on a generic pagination component next, download and add and you have pagination for yourself.


Courtesy: http://www.sforce.ninja/2011/03/loading-animation-on-visualforce.html

Author: techila

No Comments

Post A Comment