Replace the Default Form AJAX Loader – Logiforms Help Center

In this article, you will be able to learn how to build/create a new ajax loader GIF and use it on your form initial loading screen.

Here are the steps:

1. Go to https://loading.io/ and build your GIF File.
2. Create a free text element and use the image uploader to upload your GIF file
3. Get the file path of your GIF file via Source View.
Example:

/formdata/user_forms/77876_61240/image/Wedges-3s-200px.gif

4. Remove the free text element you just created.
5. Use the CSS Code below and put the file path generated from step 3

.ui-icon-loading {
    background: url(/formdata/user_forms/77876_61240/image/Wedges-3s-200px.gif) no-repeat scroll 0 0 / 9em 9em rgba(0,0,0,0);
}

6. Refresh your form, you should be able to see the new loading icon.

1 Comments