# Need to know how to use an image as a submit button

**URL:** <https://www.ruby-forum.com/t/need-to-know-how-to-use-an-image-as-a-submit-button/175759>\
**Category:** Rails\
**Created:** [September 19, 2009, 2:20am UTC](https://www.ruby-forum.com/t/need-to-know-how-to-use-an-image-as-a-submit-button/175759 "2009-09-19T02:20:40Z")\
**Posts on this page:** 5\
**Page:** 1

<div class="post-metadata">

**Author:** ![explainer](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/e/bbce88/32.png) [@explainer](https://www.ruby-forum.com/u/explainer)\
**Post date:** [September 19, 2009, 2:20am UTC](https://www.ruby-forum.com/t/need-to-know-how-to-use-an-image-as-a-submit-button/175759/1 "2009-09-19T02:20:40Z")

</div>

I have been searching around for a way to replace the ugly ‘submit’  
button with a pretty graphic, and I cannot seem to get anything to  
work. This has to be easier than it seems! An example would be much  
appreciated.

---

<div class="post-metadata">

**Author:** ![explainer](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/e/bbce88/32.png) [@explainer](https://www.ruby-forum.com/u/explainer)\
**Post date:** [September 19, 2009, 2:38am UTC](https://www.ruby-forum.com/t/need-to-know-how-to-use-an-image-as-a-submit-button/175759/2 "2009-09-19T02:38:49Z")

</div>

A more elegant way is to change the look of the submit button using  
css, for example, you could add a background image and remove the  
default border and background color. By doing this you could still use  
the helper.

–  
James Chen

> **[James Chen - a freelance full stack developer & consultant](https://ashchan.com/)**
>
> James Chen’s a Ruby / Rails / iOS / Mac freelance developer/consultant based in Hangzhou, China and Tokyo, Japan.

---

<div class="post-metadata">

**Author:** ![explainer](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/e/bbce88/32.png) [@explainer](https://www.ruby-forum.com/u/explainer)\
**Post date:** [September 19, 2009, 7:04am UTC](https://www.ruby-forum.com/t/need-to-know-how-to-use-an-image-as-a-submit-button/175759/3 "2009-09-19T07:04:34Z")

</div>

On Sep 18, 7:18 pm, explainer [removed\_email\_address@domain.invalid](mailto:removed_email_address@domain.invalid) wrote:

> I have been searching around for a way to replace the ugly ‘submit’  
> button with a pretty graphic, and I cannot seem to get anything to  
> work. This has to be easier than it seems! An example would be much  
> appreciated.

I think you’re looking for image\_submit\_tag:  
[http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#M001740](http://api.rubyonrails.org/classes/ActionView/Helpers/FormTagHelper.html#M001740)

Jeff  
[purpleworkshops.com](http://purpleworkshops.com)

---

<div class="post-metadata">

**Author:** ![explainer](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/e/bbce88/32.png) [@explainer](https://www.ruby-forum.com/u/explainer)\
**Post date:** [September 19, 2009, 4:10pm UTC](https://www.ruby-forum.com/t/need-to-know-how-to-use-an-image-as-a-submit-button/175759/4 "2009-09-19T16:10:39Z")

</div>

rails has its image submit tag . you can have a look at  
[api.rubyonrails.org](http://api.rubyonrails.org)  
or [apidock.org](http://apidock.org) for help

---

<div class="post-metadata">

**Author:** ![explainer](https://www.ruby-forum.com/letter_avatar_proxy/v4/letter/e/bbce88/32.png) [@explainer](https://www.ruby-forum.com/u/explainer)\
**Post date:** [September 19, 2009, 7:40pm UTC](https://www.ruby-forum.com/t/need-to-know-how-to-use-an-image-as-a-submit-button/175759/5 "2009-09-19T19:40:46Z")

</div>

The image\_submit\_tag is exactly what I needed. Thanks a lot.