Adding value to submitbutton with image

Question

I have this problem :
I have a submit button defined as follows :

 <input  type="submit" name="actionName" value="search" />
 <input  type="submit" name="actionName" value="New" />

both submit buttons are included in an Ajax beginForm:

@using (Ajax.BeginForm("PFSearch", "Payer", ajaxOptions))

In the controller ... based on the actionName string provided .. i do different actions based on the value of button pressed within my Ajax befin form :

if (actionName="search")
{
//do something
}

And everything works like a charm .. until i want to add i want to add an image to the class of my submit button :

  <input class="search" type="submit" name="actionName" value="search" />
  <input class="search" type="submit" name="actionName" value="New" />

My search tab looks like this : enter image description here
As you can clearly see my main impediment is that by adding value ... the text appears over my image.
How can i make those button act differently within my ajax begin form considering that giving value to the buttons doesn't work ? Any alternatives or workarounds are appreciated. Thanks !

use image-tags, a hidden input field and an onclick-event with which you write in the hidden field which image was clicked and submit the form — Sindhara
– Sindhara, Commented Jun 5, 2012 at 14:55
<input class="search" id="btnNew" type="submit" name="actionName" actionname="New" /> and i added : <img class="search" onclick="function(){$('#btnNew').click();}" /> but i get this error : Error: function statement requires a nameSource File:function(){$('#btnNew').click();} — Mihai Labo
– Mihai Labo, Commented Jun 5, 2012 at 15:10

maksbd19 · Accepted Answer · 2012-06-05 15:16:55Z

1

+50

Can you please give us a link to your project's demo? And try to use some margin, padding and background-position:center;

answered Jun 5, 2012 at 15:16

maksbd19

3,84032 silver badges38 bronze badges

Sign up to request clarification or add additional context in comments.

3 Comments

Mihai Labo Over a year ago

Its not a css issue ... it a mvc one... I'll remove the css tag

Liam Over a year ago

I think you'll find it is a CSS issue?

Mihai Labo Over a year ago

my bad ... actually ... this was the ay to do it :bumpinthehead. Thanks ! I'll award bounty in 3 hours ( at least thats what the message said when i tried)

Collectives™ on Stack Overflow

Adding value to submitbutton with image

1 Answer 1

3 Comments

Your Answer

Hot Network Questions

Collectives™ on Stack Overflow

1 Answer 1

3 Comments

Your Answer

Sign up or log in

Post as a guest

Related