• 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!

TOPIC: submit button into image

submit button into image 8 years 7 months ago #10329

How do you make the submit button into an image?
The administrator has disabled public write access.

Re:submit button into image 8 years 7 months ago #10342

www.rsjoomla.com/customer-support/docume...e-submit-button.html


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" 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.
The administrator has disabled public write access.
  • 1

Read this first!

We do not monitor these forums. The forum is provided to exchange information and experience with other users ONLY. Forum responses are not guaranteed.

However, please submit a ticket if you have an active subscription and wish to receive support. Our ticketing system is the only way of getting in touch with RSJoomla! and receiving the official RSJoomla! Customer Support.

For more information, the Support Policy is located here.

Thank you!