CRM 2011 Ajax Loading Message Screen with JQuery

When you use ajax request in CRM2011 (for example, the OData call), the user is not notified when this process happens in the background. Although this call is relatively fast, sometimes you can't predict the performance of it and you want some kind of notification that lets the user know what's happening.

Fortunately with the power of JQuery you can easily make this happen. In my case, I have a custom 'Create Opportunity' button on my custom entity form that gets the data from that entity (and related entity) and create opportunity with those data.

When creating the opportunity using the OData way, I will show the loading message popup with the animated OOTB CRM progress gif image.


To make this happen, it's simple. Just put this function into your onLoad form:



You notice the center() method above. This is an add-on to the jQuery method that you can safely put on your jQuery file:



That's it. Now whenever there is an Ajax call on the form, you will get this message shown up.

Hope this helps,
Andreas

Comments

  1. AnonymousOctober 15, 2012 at 8:49 PM

    Hi,

    Great Blog. I need a similar concept for mine too.

    There is a custom entity form where on Save there are some workflows getting triggred in the background to populate some fields in the same form.

    For which i need on click of save button it should do save then a gif loading image for 10sec and finally refresh the page.

    Can you help me with this, Please.

    Rahul
    rahulth@gmail.com

    ReplyDelete
    Replies
    1. AndreasOctober 23, 2012 at 9:45 PM

      Is this CRM workflow or custom code you are talking about? is it triggered from Javascript?

      If it is a custom code or a call to webservice, you can just the above approach. You can just use jQuery to show or hide image as you wish when the call is being executed.

      Regards,
      Andreas

      Delete
  2. AnonymousJune 19, 2013 at 9:56 PM

    i tried to use as you mentioned but i am receiving an error form_onload is undefined

    ReplyDelete
    Replies
    1. AndreasJune 22, 2013 at 12:12 PM

      1. Have you include the javascript and jQuery in the web resources and include them in your form?
      2. Have you enabled the form load event JavaScript and specify the 'Form_onload' function as the function to call?

      Delete
  3. AnonymousJune 19, 2013 at 10:16 PM

    i put the center add on in jquery but i am receiving an error object does not support the property or method center please help

    ReplyDelete
    Replies
    1. AndreasJune 22, 2013 at 12:13 PM

      Did you put it in your jQuery file and re-publish it?

      Delete

Post a Comment

Popular posts from this blog

Sitecore custom publish agent from specific node and at a specific time

Hi all, As you all know, scheduled publishing will not run automatically unless you enable PublishAgent task in Sitecore config. By default, all items that are in publish queue will get published when this task triggers. This includes all items in the final workflow state and all items that don't have workflows. Sometimes this is not what you want. Maybe you don't enable workflow on media items and you don't want the items to go live when they are not ready. The workaround is to create your own PublishAgent task. Looking at the one provided, we can easily extend the code to insert the RootItem to the PublishOptions (this only works with Full or Smart publish mode however): You will notice that on the Run method I check whether the server time is around the time I set in the parameter (thanks to this post for the code). This will enable us to run the task near the specific time we set (e.g. midnight). In the config patch, just add this to enable the custom agent...
Read more

SharePoint 2013 anonymous access add attachments to list item

Image
Hi, Sometimes you want to enable anonymous access to be able to add a list item but at the same time attaching some documents. After good few hours playing around trying to make this work, turns out that we can achieve this functionality. The trick is to use RunWithElevatedPrivileges method for the file upload. We also want the file upload functionality to be available on the NewForm.aspx as it wouldn't make sense to put it in other forms as any user would be able to upload files to other records. The result will be something like this: When it is saved, the user is redirected to the display form: The close button then will take the user back to the homepage (or any page you desire) The steps: 1. Create an ascx control to host your file upload control in your project.  Put the below script in the ascx as well (credit to this post ): The code behind: 2. Create custom form template. You have to put the ascx in the CONTROLTEMPLATES folder of the ...
Read more

CRM Plugin - Parent and Child Pipeline

This concept tends to confuse people often - and I was no exception. I came across this problem when trying to create custom auto-numbering for one of my projects. Creating auto-number for Opportunity is easy. This is because the user creates opportunity straight from the home screen - thus the plugin runs on parent pipeline. However, it's a different story if you are dealing with Quote entity. Quote can be created in 2 ways, through the home screen OR the opportunity screen. If you create it from the latter, it will run on the child pipeline and you will find that your plugin will not work. Registering it as a child pipeline is easy, but CRM makes it harder since you can't use ICRMService. Instead, you have to create CRMService manually by using this piece of code: Not only that, with the child plugin you can't use Query expression to fetch other entities in your code unless you register it as ASYNCHRONOUS plugin. Mark Kovalcson in his blog found out that: A C...
Read more