Unfortunately, the username and password you have entered do not match!

Registration

Unfortunately, this username is already taken!

Unfortunately, this e-mail address is already used!

Please retype the verification code.

All fields are required

RSForm!Pro - Adding a gif to the submit button

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='';formname_id.submit();"
 
This is the end to this simple customization that brings a nice effect to your form.
Feedback