Adding a gif to the submit button

In this article we will describe how to put a GIF image in a submit button. This can be particularly useful when using the upload feature, thus suggesting to the user that the file is being uploaded.

The first step is to create a hidden "div" within the form's layout, which contains the desired GIF file. Here is an example on how it would look like:

    <div id="your_div_id" style="display: none">
    <img src="/path/to/your.gif" alt="gif"/>
    </div>

The second step is to create a normal button (instead of the usual "Submit" button) and typing the following code to the "Additional Attributes" area:

onclick="document.getElementById('your_div_id').style.display='';userForm.submit();"